В то время как PageSpeed показывает некоторые интересные статики, такие как первая содержательная краска, время для интерактивной работы и т. Д. Трудно понять, что происходит под капотом, не глядя на временную шкалу процесса загрузки страницы. Снимок экрана ниже показывает, как ваша страница загружается в Google Chrome. Вы можете просмотреть это самостоятельно, следуя этому руководству: https://developers.google.com/web/tools/chrome-devtools/network/
Одним из основных препятствий является время отклика вашего сервера, серверу требуется не менее 2 секунд для обработки запроса на веб-сайт, что довольно много и заставляет меня поверить, что вы, возможно, используете экономически эффективный план на хостмонстере. В отличие от StackOverflow.com отвечает в 300 мс. Простой способ сравнить ваш веб-хостинг - запустить этот тест на новой установке WordPress. Он скажет вам, вызывает ли задержка неэффективная настройка WordPress с вашей стороны или хост по своей сути медленно обслуживает php. У меня такое ощущение, что в твоем php-коде есть много раздувания, вызывающего это.
Далее у вас есть файл css, который занимает 880 мс и имеет сжатие 200 КБ, но не сжато 1,9 МБ (показано на вкладке покрытия как 1 860 013 байт). Это очень большой файл и не должен превышать 1 МБ даже на самых крупных веб-сайтах. 98,6% вашего файла CSS не используется. При использовании универсального фреймворка нередко бывает более 90% неиспользуемого CSS, но у универсальных фреймворков никогда не бывает файла CSS, близкого к 2 МБ. Пакет CSS ниже 500kb на большинстве сайтов. Это не только увеличивает время загрузки, но и увеличивает время, необходимое браузеру для анализа этого файла и отображения страницы.
Существует также изображение заголовка размером 423 КБ, загрузка которого занимает 1,3 с. Обычно изображение с таким разрешением может быть сжато до размера менее 100 КБ.
Красная линия на водопаде указывает, когда страница считается полностью загруженной. Огромный заголовок добавляет к нему много. В то время как весь процесс загрузки отодвигается на 2,2 с из-за времени отклика сервера. Вы увидите, что время загрузки скрипта незначительно по сравнению с эффектом, который оказывают эти два. Это может быть связано с тем, что вы заметили безразличие во время загрузки, когда изменили теги для отсрочки.
Чтобы подвести итог, посмотрите, почему сервер отвечает 2+, очистите ваш CSS. Стремитесь к половине размера. Сожмите изображение заголовка. Цель около 100 КБ. Как только вы исправите их, вы можете просмотреть отложенные сценарии, чтобы добиться оптимального времени загрузки.