Испльзовал на своём сайте шаблон Boxed — хороший, но при проверке в google speed набрал всего 45 баллов…
Решил это исправить. Итак, что было сделано для ускорения:
1. Убраны из шапки сайта все скрипты и css кроме необходимых для загрузки шапки
2. Скрипты и css собраны в 1-2 файла и сжаты компрессором.
2.1 jquery загружаю с сервера Гугл. Тратится примерно 100мс. При загрузке с моего хостинга 200-300мс, с Яндекса — 200мс.
3. К изображениям в материалах, применена Lazy load — скрипт "ленивой" загрузки. Загрузка картинок по мере прокрутки страницы. Так как качество картинок ухучшать не хотелось, а гугл ругался что не сжаты
4. (это уже не шаблон) в .htacess настроено время кеширования файлов у клиента.
5. Картинки иконок заменил на свой шрифт с этими иконками. (шрифт создаю здесь icomoon.io)
В итоге, на тестовой странице скорость выросла с 45 до 82 пунктов в гугл (сейчас может быть чуть меньше, веду работы на сайте)
Это конечно не предел ускорения, но считаю, вполне приемлемый результат. Пример страницы: Статья про Пихту
Решил это исправить. Итак, что было сделано для ускорения:
1. Убраны из шапки сайта все скрипты и css кроме необходимых для загрузки шапки
2. Скрипты и css собраны в 1-2 файла и сжаты компрессором.
2.1 jquery загружаю с сервера Гугл. Тратится примерно 100мс. При загрузке с моего хостинга 200-300мс, с Яндекса — 200мс.
3. К изображениям в материалах, применена Lazy load — скрипт "ленивой" загрузки. Загрузка картинок по мере прокрутки страницы. Так как качество картинок ухучшать не хотелось, а гугл ругался что не сжаты
4. (это уже не шаблон) в .htacess настроено время кеширования файлов у клиента.
5. Картинки иконок заменил на свой шрифт с этими иконками. (шрифт создаю здесь icomoon.io)
В итоге, на тестовой странице скорость выросла с 45 до 82 пунктов в гугл (сейчас может быть чуть меньше, веду работы на сайте)
Это конечно не предел ускорения, но считаю, вполне приемлемый результат. Пример страницы: Статья про Пихту
Реклама #
Capitan 6 лет назад #
vikont 6 лет назад #
Мирослав 6 лет назад #
Николай (asd43) 6 лет назад #
Мирослав 6 лет назад #
По 4 пункту. В конец файла .htacess (в корне сайта) добавил:
<ifModule mod_expires.c>
# Add correct content-type for fonts
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType image/svg+xml .svg
# Compress compressible fonts
AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml
ExpiresActive On
#по умолчанию кеш в 600 секунд
ExpiresDefault "access plus 600 seconds"
#кэшировать флэш и изображения на месяц
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
#кэшировать css, javascript и текстовые файлы на одну неделю
ExpiresByType text/css "access plus 2592000 seconds"
ExpiresByType text/javascript "access plus 2592000 seconds"
ExpiresByType application/javascript "access plus 2592000 seconds"
ExpiresByType application/x-javascript "access plus 2592000 seconds"
# Cache Fonts
ExpiresByType application/vnd.ms-fontobject "access plus 2592000 seconds"
ExpiresByType application/x-font-ttf "access plus 2592000 seconds"
ExpiresByType application/x-font-opentype "access plus 2592000 seconds"
ExpiresByType application/x-font-woff "access plus 2592000 seconds"
ExpiresByType image/svg+xml "access plus 2592000 seconds"
#кэшировать html и htm файлы на один день
ExpiresByType text/html "access plus 43200 seconds"
#кэшировать xml файлы на десять минут
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf|woff)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
Ris 6 лет назад #
Рекомендовано снести весь яваскрипт.
Kreator 6 лет назад #
Кто то из читающих тут хоть раз заметил лично (не на экране этого сервиса, а прям вот на примере своего сайта), что вот он сжал эту бедную картинку и сместил загрузку js вниз страницы и ваш сайт Взлетел просто в выдаче. Ну хоть на 1 позицию. И вы явно поняли: это все из-за картинки и того файла js.
а?
Kreator 6 лет назад #
Так же не удалось наблюдать повышение из-за перехода на https.
Мирослав 6 лет назад #
Ради чего стоит оптимизировать - ради уважения к посетителю. Чтобы открывалось всё быстро. Быстрый сайт - лучше поведенческие факторы. А это должно влиять.
al955 6 лет назад #
Мирослав 6 лет назад #
Какой бы ни был быстрый интернет, если у вас 100 запросов к серверу, это будет ощутимо медленнее, чем если их 10
RSN 6 лет назад #
ИМХО скорость загрузки сайта понятие субъективное, оптимизировать надо, но без фанатизма
Мне достаточно если страница загружается больше 50% процентов тестируемых сайтов по известному сервису теста загрузки:
https://tools.pingdom.com/
Посмотреть, в диаграмме, что больше всего тормозит и оптимизировать.
Учитывая что сайты сейчас в основном оптимизированные, 50% уже не плохой показатель, если больше - еще лучше))
С сервисом от Google как то не сложилось... слишком много хочет, при неизвестной отдачи и как писал выше субъективности измерений.
al955 6 лет назад #
Kreator 6 лет назад #
Вы еще поспорьте какой из нижеперечисленных вариантов правильней, а если не правильный то почему, и какие нарушения, санкции и наказания предусмотрены:
letsgo 6 лет назад #
Kreator 6 лет назад #
Только если на сайте:
1) Нет контента
2) Нет никакой политики развития
3) Нет дизайна (юзабилити)
4) Нет ничего интересного.
То я не думаю что нужно начинать именно с этих показателей. Я такие люди есть. Мало того, через год-два при не измененных 1-4 пунктах они продолжают "оптимизировать" сайт.
Оптимисты.
Kreator 6 лет назад #
5) Нет посещаемости
6) Нет данамики к улучшению
Telema93 6 лет назад #
Да по себе знаю, лень даже к компу подойти порой, когда рядом телефон
RSN 6 лет назад #
Я же написал 50% хорошо, если больше - лучше)). У меня сейчас 87% показал, но видел на нем и 91%.
Как то так))
RSN 6 лет назад #
letsgo 6 лет назад #