Повышение скорости страницы на WordPress (GT metrix и Google Analytics)

#javascript #html #css #wordpress #pagespeed

#javascript #HTML #css #wordpress #скорость страницы

Вопрос:

Отложить синтаксический анализ JavaScript

 **JS    HIGH**
  

Что это значит?
1,8 МБ JavaScript анализируется при начальной загрузке страницы. Отложите синтаксический анализ JavaScript, чтобы уменьшить блокировку рендеринга страницы.

Укажите средство проверки кэша

 **SERVER    HIGH**
  

Что это значит?
В следующих ресурсах отсутствует средство проверки кэша. Ресурсы, которые не указывают средство проверки кэша, не могут быть обновлены эффективно. Укажите заголовок с последним изменением или ETag, чтобы включить проверку кэша для следующих ресурсов:

Мне нужна ваша помощь в устранении этих проблем на моих веб-страницах, похоже, это основные проблемы, которые возникают, а также тот факт, что мы хотели отображать наши видео на веб-странице, основанной на WordPress, есть ли какой-либо способ, которым мы можем сделать то же самое с минимальным временем загрузки.

Ответ №1:

Для проблемы «отложить синтаксический анализ Javascript». Вам просто нужно добавить параметр «отложить» в теги вашего скрипта. Вы можете сделать это с помощью плагина, такого как Async Javascript, или вы можете просто добавить следующее в свой functions.php файл:

 function defer_parsing_of_js( $url ) {
     if ( is_user_logged_in() ) return $url; //don't break WP Admin
     if ( FALSE === strpos( $url, '.js' ) ) return $url;
     if ( strpos( $url, 'jquery.js' ) ) return $url;
     return str_replace( ' src', ' defer src', $url );
}
add_filter( 'script_loader_tag', 'defer_parsing_of_js', 10 );
  

Решение проблемы с валидатором кэша будет отличаться в зависимости от того, работает ли на вашем сервере Apache или NGINX.

Для Apache вам нужно добавить в свой .htaccess файл следующее:

 <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
     Header set Cache-Control "max-age=604800, public"
</filesMatch>
  

Для NGINX вам нужно добавить в свой /etc/nginx/nginx.conf файл следующее:

 location ~* .(js|css|png|jpg|jpeg|gif|ico)$ {
     add_header Cache-Control "public";
}
  

Источник: отложить синтаксический анализ JS

Источник: средство проверки кэша