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 Developers
Масовий процес і оновлення партії зображень за допомогою 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, що блокують візуалізацію, у вмісті вище

Крок 3. Увімкніть кеш веб-браузера

Плече кешування дозволило мені пройти тест Google PageSpeed ​​[1] Використовувати кешування браузера [5] (разом з усуненням блокування JavaScript і CSS у контенті [4]) на веб-сайті, збільшуючись з рахунку 51 на мобільному (рис. 9) - 72 (рис. 10), а з 59 (рис. 11) до 79 на робочому столі (рис. 12).

Використовуйте кешування браузера PageSpeed ​​Insights Google Developers
Виправити 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)

Залишити коментар