Ускорение сайта wp+woocommerce

Новые моменты, которых ранее не знал:

  • К известному плагину autoptimize идет дополнение async script, позволяющее загружать скрипты асинхронно. jquery необходимо сразу добавлять в исключение. Также придется исключить библиотеки вызов функций которых происходит прямо в коде до объявления скрипта.
  • Можно отдельно в functions.php отключать даже системные вордпрессовские скрипты. Но тут нужно четко знать что и зачем отклюается,т.к. потом не только в публичной части, но и в админке могут не работать некоторые функции.

  • critical.css — специальным сервисом выделяется часть css которая необходима сразу для прорисовки страницы. Остальной css загрузится в конце.
  • preload шрифтов, а также можно делать прелоад для отдельных картинок.
    add_action("wp_head", "wp_head_main_script", 10);
    function wp_head_main_script() {
    	if(is_product()) {
    		global $post;
    		$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
    		echo '<link rel="preload" href="'. $image[0] . '" as="image" >';
    	}
    }
  • задание width и height картинкам, размер которых неизменен.
  • не городить огород в верстке, т.к. громоздкий DOM дольше загружается и медленно работает.
  • Плагин wp super cache сохраняет посещенные страницы в виде html файлов, и при обращении к url отдает соответствующий html.
  • В случае использования плагина contact form 7 целесообразно отключить вызов его js и css на страницах где нет этих форм. Делается это с помощью конструкций вида
    //отключение загрузки скриптов и стилей CF7 start
    function deregister_cf7_scripts() {
        if ( !is_page(array(25,45)) ) {
            wp_deregister_script('contact-form-7');
        }
    }
    add_action('wp_print_scripts', 'deregister_cf7_scripts', 100);
     
    function deregister_cf7_styles() {
        if ( !is_page(array(25,45)) ) {
            wp_deregister_style('contact-form-7');
        }
    }
    add_action('wp_print_styles', 'deregister_cf7_styles', 100); 
    //отключение загрузки скриптов и стилей CF7 end
    

    Обновлено 13.09.2023

  • При помощи плагина Plugin Organizer можно для каждой страницы настроить правила, какие плагины будут загружаться при использовании данной страницы, а какие нет.
  • Плагин Performance Lab конвертирует все новые загружаемые изображения jpg в webp. Чтобы преобразовать уже загруженные jpg изображения в webp необходимо воспользоваться плагином Force regenerate thumbnails

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *