Google PageSpeed ​​Insights solve issues and get green

Google PageSpeed ​​Insights solve issues and get green

Google PageSpeed оптимизация

Google PageSpeed ​​Insights [1] is a great tool to see how your Website perform. In case you got a poor score, here is a series of articles with easy to implement solutions to solve most of the issues.

Google PageSpeed ​​Insights

This allowed me to go green on the Google PageSpeed ​​Insights [1], going up from a score of 17 on mobile (Fig 1) to 89 (Fig 14), and up from 35 (Fig 3) to 89 on desktop (Fig 16).

Шаг 1: оптимизировать изображения для веба

Это позволило мне пройти тест Google PageSpeed ​​[1] Оптимизировать изображения [2] на веб-сайте, поднявшись с 17 баллов на мобильных устройствах (Рис. 1) до 51 (Рис. 2) и с 35 (Рис. 3) до 59 на рабочем столе (рис. 4).

Оптимизация изображений PageSpeed ​​Insights Google для разработчиков
Массовая обработка и обновление серии изображений с использованием GIMP [3]

Шаг 2: CSS и оптимизация JavaScript

Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании.

Это позволило мне пройти тест Google PageSpeed ​​[1] «Устранить блокировку рендеринга JavaScript и CSS в содержании, превышающем кратность» (наряду с кэшированием в браузере «Leverage» [6]) на веб-сайте, увеличившись с 51 балла на мобильных устройствах ( Рис. 5) до 72 (Рис. 6) и от 59 (Рис. 7) до 79 на рабочем столе (Рис. 8).

Исправление Google PageSpeed ​​Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании [4]

Шаг 3: включить кеш браузера

Использование кэширования в браузере позволило мне пройти тест Google PageSpeed ​​[1]. Использовать кэширование в браузере [5] (наряду с устранением блокирования рендеринга JavaScript и CSS в содержании выше уровня [4]) на веб-сайте, увеличившись с оценки. от 51 на мобильном (Рис. 9) до 72 (Рис. 10) и с 59 (Рис. 11) до 79 на рабочем столе (Рис. 12).

Использование кэширования в браузере PageSpeed ​​Insights Разработчики Google
Исправлено использование Google PageSpeed ​​для кэширования браузера в htaccess [6]

Шаг 4: Включить сжатие htaccess

Включение сжатия в htaccess позволило мне пройти тест Google PageSpeed ​​[1]. Использовать кеширование браузера [7] на веб-сайте, повысившись с 72 баллов на мобильных устройствах (рис. 13) до 89 (рис. 14) и с 79 ( Рис 15) до 89 на рабочем столе (Рис 16).

Оптимизация кодирования и передачи размера текстовых ресурсов - веб-основы
Исправлено включение Google PageSpeed ​​в PHP и htaccess [8]

Прочитайте больше

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

Комментарии (0)

Оставить комментарий