Оптимизация шаблона Boxed 2.X

28 декабря 2017 - Feodor
Испльзовал на своём сайте шаблон Boxed - хороший, но при проверке в google speed набрал всего 45 баллов...


Решил это исправить. Итак, что было сделано для ускорения:

1. Убраны из шапки сайта все скрипты и css кроме необходимых для загрузки шапки
2. Скрипты и css собраны в 1-2 файла и сжаты компрессором.
2.1 jquery загружаю с сервера Гугл. Тратится примерно 100мс. При загрузке с моего хостинга 200-300мс, с Яндекса - 200мс.
3. К изображениям в материалах, применена Lazy load - скрипт "ленивой" загрузки. Загрузка картинок по мере прокрутки страницы. Так как качество картинок ухучшать не хотелось, а гугл ругался что не сжаты
4. (это уже не шаблон) в .htacess настроено время кеширования файлов у клиента.
5. Картинки иконок заменил на свой шрифт с этими иконками. (шрифт создаю здесь https://icomoon.io)

В итоге, на тестовой странице скорость выросла с 45 до 82 пунктов в гугл (сейчас может быть чуть меньше, веду работы на сайте)
Это конечно не предел ускорения, но считаю, вполне приемлемый результат. Пример страницы: Статья про Пихту
Понравилась запись? Поделитесь ею в соцсетях!


Instantcms.ru


Похожие статьи:

Новости разработчиковЗаменяем название компонента, url и т.д. на примере FAQ

Новости разработчиковКомпонент Сервис Ёлок ver.1.1

Новости разработчиковАнонс модуля "Поощрение пользователей"

Новости разработчиковМодуль аккардион статей

Новости разработчиковЗагрузка расширений через админку

Рейтинг: 0 Голосов: 0 64 просмотра
Комментарии (0)

Нет комментариев. Ваш будет первым!