Являетесь ли вы веб-дизайнером или веб-разработчиком, придет время, когда вам придется столкнуться с большой проблемой всемирной паутины: скоростью.
Обычно веб-сайты используют фреймворк и CMS, которые могут значительно замедлить работу вашего сайта разными способами. Например, всего два или три плагина в WordPress могут увеличить время загрузки на 2 секунды.
Вот почему так много блогов WordPress работают медленно.
Теперь не рассматривайте кеширование. Потому что это скорость загрузки страницы. На самом деле кэширование (которое происходит через файл, memcached, Redis и т. д.) кэширует элементы сразу после их вывода пользователю. Тогда они будут загружаться быстрее. В этой статье давайте сосредоточимся только на этом вопросе: как создается моя веб-страница?
На самом деле, Google PageSpeed может помочь вам именно в этом.
Этот модуль является обязательным для 70% веб-сайтов, потому что он может значительно увеличить скорость вашего сайта, просто комбинируя и объединяя файлы CSS и JS, которые у вас есть.< br /> Давайте рассмотрим такой случай: вы ведете блог на WordPress и имеете 10 плагинов. Каждый плагин добавляет свой список файлов для загрузки пользователем, таких как собственные файлы Javascript и CSS. Теперь каждый плагин делает то же самое. Снова и снова: добавляет файлы.
Вы можете загрузить 10, 20 и даже 30файлов CSS и Javascript для конечного пользователя!
Каждая страница, которую загружает пользователь, делает несколько запросов. Современные браузеры могут обрабатывать даже 6–7 запросов за раз. Но когда вы достигаете максимального количества этих запросов, браузер должен остановить загрузку и должен подождать, чтобы закончить загрузку других файлов, чтобы начать с оставшихся. Это добавляет даже 4 или 5 секунд к загрузке страницы. (Учтите, что обычно пользователь уходит с веб-сайта, если он не может загрузиться в течение 3 или даже 2 секунд. Странно, да?).
Вот где модуль Google PageSpeed может помочь вам и замедлить работу вашего сайта.
Он объединит файлы из одинакового источника только в один файл. Он объединяет их и удаляет все комментарии и пробелы. На лету! Нет необходимости каждый раз запускать эту «рутинную работу». Просто перезагрузка страницы, вот и все.
Более того, он может удалять HTML-комментарии и бесполезные пробелы, но заботится о комментариях, скрытых браузером, например о комментариях, предназначенных только для загрузки Internet Explorer. определенные файлы и оставляет их там, где они есть.
Хотя отлаживать что-то таким образом немного сложно (у вас будет действительно компактный код, просматривая его в браузере), достаточно будет добавить /?ModPageSpeed=off на URL-адрес, который вы хотите отладить, и вуаля, у вас есть код со всеми комментариями.
Почему это ускоряет работу веб-сайта? Очень просто: все HTTP-запросы будут значительно сокращены, в результате чего браузер загрузит меньше файлов (да, в каком-то смысле тот же размер файла), но загрузит почти все из них за одно и то же время, что сэкономит вам 3 или 4 секунды время загрузки.
Google заявил, что скорость веб-сайта является важным фактором в рейтинге страниц. Таким образом, ваш веб-сайт также появится в верхней части результатов поиска Google: это похоже на улучшение SEO!
Модуль PageSpeed доступен для Apache и Nginx, даже если есть другие порты для других веб-серверов.
Подробнее о нем можно прочитать на Веб-сайте Google.
Это мой первый пост на Medium.
Если вам это нравится, пожалуйста, добавьте сердце и подпишитесь на меня. Спасибо!