Как оптимизировать файлы?
Добрый день!
Сейчас занимаюсь сайтом 11cats.ru, долго прогружает страницы.
Возможно есть какой-то плагин для ускорения загрузки (кэш)? Или пойти по пути оптимизации с гугла?
Сделал спидтест в гугле, высветился достаточно большой список, среди них:
1. Включите сжатие (Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.)
- не понял, как это сделать? Есть какие-то плагины или это на хостинге делается? Объясните пожалуйста.
2. Сократите CSS.
- Это я так понимаю по простому, скачивать файл с директории, оптимизировать с помощью разных сервисов, затем обратно? Верно?
3. Сократите JavaScript
- то же, как и CSS. Все так?
4. Оптимизируйте изображения (касаемо этого пункта, я уже нашел плагин).
5. Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы (с этим я уже сталкивался на прошлом сайте, на опен карт, там говорили нежелательно вообще выполнять этот пункт, что-то может поехать). Стоит ли?
Заранее благодарю вас за помощь!
7 ответов
попробуйте ускоритель сайта (приложение такое) и соблюдайте разумность в своих действиях показатели PSI влияют на сайт чуть более чем никак...
1. Настраивается на хостинге.
2. и 3. - https://artem-malcov.ru/moduli_i_skripty/minifikac...
5. Все скрипты и стили перемещаете перед </body> соблюдая последовательность.
С предыдущим комментатором не как не согласен. Оценка Google важна и дает дельные рекомендации по оптимизации вашего сайта.
Можно чуть подробнее и развернуто о "важна".
Хочу пробелы в своем образовании ликвидировать... Только не голословно...
Для примера:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.svyaznoy.ru&tab=desktop
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fozon.ru&tab=mobile
SpeedTest, как и валидатор - инструменты для разработчика. Результат там практически ни на что не влияет, вопреки слухам, мифам и убеждениям маминых сеошников. Получив 95+ в спидтесте ваш сайт ни в одном из поисковиков не улетит в топ и продажи не потекут рекой. А вот если перенести все скрипты и CSS за пределы <head>(и получить при этом 20-30 очков за это), появятся проблемы с плагинами. Многие из них просто перестанут работать.
А речь и не идет об СЕО. Это, возможно, и не даст не каких изменений в позициях, но на скорость сайта это повлияет. А если сайт быстро грузиться - это уменьшение % отказов по техническим причинам и удобство для пользователей в использовании сайта в целом.
Работал с кучей разных движков, и не разу не наблюдал с этим проблем.
самое тяжелое это изображения и не сжатые css/js
перенос всего и вся вниз - в теории только хорошо, на практике кучу проблем можно огрести. + пока не загрузится весь код до css, ваш сайт будет выглядеть как кусок сами знаете чего
Дада, все мы читали что когда амазон увеличил скорость сайт на сколько-то там сотых секунды - получил +много млн. Только далеко не каждый сайт амазон.
Начните со сложного, купите сервер быстрый на ssd, настройте кеширование, http2, оптимизируйте изображения и тд.
https://www.webpagetest.org/result/180117_TF_4188832735a18ffa523c46a3c8e2ec72/
Здравая мысль.
В любом деле надо соблюдать баланс затраченных сил и полученной выгоды.
Поясню на примере- после перехода на ssd, проект ускорился на 12.7% по скорости загрузки, еще 14% мы получили после оптимизации изображений. В итоге ПФ пошли вверх и количество заказов выросло на 7,1%. Рост позиций в поиске был не значителен. Переход на php 7.* планируется до конца месяца, т.е. ускорение за счет данного действия пока не просчитаны, но т.к. проект большой мы "не крути две ручки настройки одновременно".