Удалите неиспользуемый код Google Page Speed ​​и другие ошибки - PullRequest
0 голосов
/ 28 мая 2020

Google Page Speed ​​ сообщить мне здесь об ошибке, которую я не могу понять.

Удалить неиспользуемый код Я использую все javascript, которые Google Page Speed говорит, собственно vendor. js - это главный скрипт проекта. Скомпилировано и унифицировано с Webpack и Laravel.

Тогда почему Google Page Speed ​​говорит, что я не использую эти скрипты? До того, как я загрузил плагин lazysizes, я ничего из этого не получил.

С другой стороны, сайт загружается быстро. Я думаю, что Google Page Speed ​​очень ненадежен.

1 Ответ

1 голос
/ 28 мая 2020

Здесь объясняется удаление неиспользуемого кода.

Дело не в том, что не используется весь скрипт, а в том, что большие части скрипта не используются для начального рендеринга страницы.

Google поощряет вас разделить ваш JavaScript на основной код для рендеринга компонентов страницы / инициализации, а затем поместить все остальное в отдельные файлы, которые загружаются позже.

Это также вдохновляет вас чтобы удалить лишние JavaScript из этих файлов.

Это необходимо для экономии загружаемых килобайт, а также для экономии JavaScript времени анализа и компиляции механизмом V8 (важно для более медленных процессоров в мобильных телефонах младшего класса).

Чтобы проверить это самостоятельно, откройте инструменты разработчика в Google Chrome и откройте окно «Покрытие». Нажмите запись и посмотрите, какая часть каждого скрипта не используется. На вашем сайте около 60% загруженных JS не используются изначально, вы должны сначала использовать sh 40%, которые вы используете, а остальные загрузить после загрузки всего остального. (это чрезвычайно сложно, если вы в первую очередь не строите для этого, сделайте все, что в ваших силах!).

Что касается скорости вашего сайта - он загружается полностью за 7 секунд для меня на моем P C с выделенной линией (примерно так быстро, как вы можете получить, хотя я нахожусь в Великобритании, так что добавьте вторую общую)

При моделировании 4G-соединения с четырехкратным замедлением ЦП (для имитации мобильного телефона с ограниченной вычислительной мощностью, который не подключен к WiFi) вашему сайту требуется почти 18 секунд для полной загрузки с общим вес страницы 2,5 Мб (в архиве - 5,5 Мб в разархивированном).

Это тест, который PSI выполняет на вкладке «Мобильные» (4-кратное замедление и симуляция 4G).

Вес страницы - одна из ваших самых больших проблем наряду с объемом JavaScript сайта. использования, это те области, на которых нужно сосредоточиться. Также постарайтесь уменьшить количество запросов, если возможно, у вас есть 149 различных сетевых запросов, и одновременно можно загружать не более 8 одновременно.

Хотя PSI - всего лишь инструмент, он дает довольно точные результаты, «Полевые данные» вверху - это данные реального мира из браузеров , поэтому я хотел бы обратить на это особое внимание, в частности на «First Contentful Paint (FCP)», где 40% ваших пользователей сталкиваются со средним или медленное время.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...