| Kosten | Вторник, 13 Февраля 2018 | Сообщение 1 |
| Не секрет, что каждый веб мастер считает нужным сделать, чтоб на его сайте открывались быстро странице. Хоть на них будут расположены изображение или подключены скрипты. Здесь есть несколько факторов, чтоб ваш портал быстро открывался и не приходилось ждать. Но первое, это гости и пользователи вашего сайта. Но если пользователь уже не первый раз на площадке, то он изначально решил, что будет ожидать.
Но гость не будет таким терпеливым, где быстро закроет и перейдет на другой сайт по ключевому слову, если он пришел с поиска. А значит у вас минус в новом пользователи, где бы он был активный и комментировал материал. Так что изначально нужно делать, чтоб ресурс шустрый стал. И не нужно забывать, где поисковые роботы также ожидают, и у них есть свое время. И если он не зашел, что значит новый материал не попал в поиск, а это вы получаете еще минус в ранжирование.
Оптимизация скорости загрузки контента вашего сайта неизбежно повысит удовлетворенность клиентов и удержит их на своем сайте, снижая показатель отказов и надеюсь, заставит их возвращаться на интернет ресурс. Ничего не хуже, чем сайт медленной загрузки на портале, где при переходе на страницу, приходится ожидать некоторое время, когда на другом по клику можно мгновенно перейти. Сегодняшние веб пользователи имеют короткие промежутки внимания, и они откажутся от страниц и сайтов, которые загружаются слишком медленно.
В то время как скорость сети постоянно улучшается благодаря новым технологиям, таким как волоконно-оптические соединения и 4G LTE, скорость всегда была важным фактором в определении использования интернет ресурса. Мобильный доступ контенту быстро растет, где несмотря на улучшение сети, доступ через мобильное устройство, например, телефон или планшет, часто может быть запущен или пропущен.
Google предпочитает быстро загружать страницы, что предоставляет свой инструмент, под названием «Измерить скорость страницы» в котором содержатся полезные советы о способах повышения скорости страницы.
Вот несколько советов от чтобы ускорить загрузку вашего сайта:
Совет No 1 - Минимизация и оптимизация ваших файлов изображений:
Обычно визуальные объекты, такие как фотографии или видео, могут использовать большую пропускную способность и занимать больше времени, чем текстовые ресурсы, такие как HTML файлы.
Фотографии JPEG используют сжатие для минимизации размера файла. Поскольку сжатие JPEG является «потерянным», увеличение объема сжатия также снижает качество фотографии и вводит «шум» или блочность в фотографии, если вы смотрите очень внимательно. Тем не менее фотографии в целом сжимаются очень хорошо, и нужно попытаться сбалансировать уровень качества с размером фото выхода. Часто шум, возникающий при сжатии, считается относительно незначительный. Такие инструменты, как Adobe Photoshop, позволяют пользователям «сохранять в интернете» и просматривать результаты на разных уровнях качества.
TinyJPG
Обратите внимание, что графические логотипы или баннеры, содержащие текст на них, обычно выглядят не так хорошо, как файлы JPEG, поскольку артефакты сжатия становятся заметными вокруг кривых графических элементов.
По возможности графические элементы должны быть сохранены в виде файлов SVG, которые можно легко масштабировать до любого размера, сохраняя при этом качество.
Другими хорошими вариантами для логотипов или фотографий, содержащих текст, где будут файлы PNG. Файлы PNG используют сжатие без потерь, что таким образом, поддерживают качество без шумных артефактов. Еще одно преимущество PNG файлов над файлами JPEG состоит в том, что они могут иметь прозрачные элементы. Единственным недостатком для сохранения в качестве файла PNG является то, что созданные PNG файлы часто намного больше, чем сохраненные в формате JPEG. TinyPNG - отличный инструмент для минимизации файлов PNG.
Логотипы и графика с текстом также могут быть сохранены в виде файлов GIF при условии, что они имеют 256 цветов или меньше.
Совет No 2 - Используйте CSS спрайты:
Если на вашем сайте есть куча небольших графических элементов, таких как кнопки или значки, вы можете быстрее загружать свой сайт, создав CSS Sprite.
Спрайт изображения представляет собой набор изображений, помещенных в одно изображение, а затем CSS используется для отображения только изображения содержащего эту кнопку или значок.
Онлайн сервис мониторинга Pingdom
Это ускоряет загрузку сайта, потому что каждый HTTP запрос имеет определенное количество служебных или рукопожатий, необходимое для согласования соединения для запроса определенного файла с сервера. Серверы часто имеют ограничения на количество одновременных запросов, которые могут быть сделаны.
Таким образом, если вы скажете 20 маленьких изображений, необходимых для отображения страницы, то возможно будет гораздо быстрее запросить одно большое изображение. Включающее все маленькие изображения, чем требуется для 20 небольших изображений отдельно, даже если размер файла большего размера возможно, немного больше суммы файлов всех маленьких изображений.
Этот метод может иметь особое значение на веб сайте с высокой нагрузкой с большим количеством запросов HTTP сервера.
Совет No 3 - Использование кеширования содержимого браузера:
Если на вашем сайте есть общие элементы, используемые на многочисленных страницах, кэширование может быть полезно, поскольку, если файл уже существует в кеш браузера, где браузер не должен снова запрашивать файл и ресурс. Таким образом таблицы стилей CSS и изображения могут загружаться только один раз. Чем меньше файлов необходимо запросить и загрузить с сервера, тем быстрее загружается страница.
Узнайте как использовать кеширование браузера
Помните, что если ваш сайт использует кеширование и вы в процессе разработки частое обновление файлов вашего сайта, в частности, файлы JavaScript и CSS, вам может потребоваться вручную очистить кэш вашего браузера временных файлов интернета или перезагрузить страницу, чтобы увидеть последние изменения на вашем сайте.
Совет No 4 - Включить сжатие GZIP:
Сжатие файлов HTML, CSS и JavaScript может существенно уменьшить размер файлов этих текстовых файлов. Сжатие GZIP должно быть включено на уровне сервера, но большинство серверов должны иметь эту возможность.
Онлайн-инструмент для сжатия и дефляции веб-страницы
Если вы используете сервер Apache, вы можете контролировать это с помощью настроек файла.htaccess, предполагая, что хостинг компания позволяет редактировать и обновлять этот файл.
Совет No 5 - Минимизировать ресурсы.
Минимизация ваших файлов HTML, CSS и JavaScript до их загрузки на сервер поможет ускорить доставку таких файлов, удалив лишние пробелы, комментарии, форматирование и в конечном счете оптимизируя код для оптимальной быстрой доставки не влияя на функциональность кода.
В этой статье приведены ссылки на различные онлайн инструменты и ресурсы, которые помогут вам минимизировать ваши файлы.
Важное замечание, что процесс минимизации может лишить ваш код форматирования или комментариев, которые позволят будущему веб разработчику вносить изменения на ваш сайт, и поэтому вы должен всегда хранить копию исходных файлов.
| | Страна: (RU) |
| |
