Remove render-blocking javascript

[Tony Tanchevski]

Здравейте, съфорумци! )


Търся решение на този проблем "Премахване на блокиращите изобразяването JavaScript и CSS" , за който PageSpeed-a на Google съобщава.

Сайтът е на WP. Пробвах с асинхронно зареждане от W3 Total Cache плъгина, след това и с defer опцията - no effect. Пробвах и ръчно с defer - резултатът беше, че слайдърът не бачкаше.

Най-накрая се спрях на wp_register_script и wp_enqueue_script, за да ги зарежда преди затварящи body таг... и общо взето кодът ми изглежда така:


function md_adds_to_the_head() {

wp_register_script('common', get_template_directory_uri() . '/lib/js/common.js', array(), '', true);​

wp_enqueue_script('common');​

}

add_action( 'wp_enqueue_scripts', 'md_adds_to_the_head' );

Лошото е, че са доста скриптове и стилове..

Дайте мнения и препоръки как се справяте с този проблем... )

 

[cloxy]

Ако слушаш на Google инструментите далеч няма да стигнеш. Тази грешка я показва на всеки нормелен сайт и съветът какъв е - да си сложиш CSS извикването в края на документа, извън HTML тага ! Има и други весели съвети - да си изсипеш CSS и JS кода в HTML файла, а не да са в отделни файлове.

Правиш си скрипта асинхронен, CSS, изображенията и фреймовете са асинхронни по подразбиране и си живееш живота без да обръщаш внимение какво Google ти казва. Аз отдавна мислех да пиша за абсурдните им препоръки на този инструмент, но не ми се отделяше внимание.

 

[Bashev]

Ако комбинираш файловете css/js в един по възможност minify-ната това ще изчезне. Tool-a не реве, ако имаш само 1 js/css файл, освен ако не е 300/400кб.

Другата препоръка, която задължително присъства е да се кешира всичко. Друго има няма задължително ще изреве, че не са кеширани са Analytics/TagManger js-ите. Поне да не го вади като suggestion след като си е при тях