Napraw Google PageSpeed ​​Wyeliminuj JavaScript i CSS z blokowaniem wyświetlania w części strony widocznej na ekranie




Rozwiąż renderowanie blokujące Javascript i CSS

Test  Google PageSpeed‌  ​​[1] Wyeliminuj blokujące renderowanie skrypty JavaScript i CSS w części strony widocznej na ekranie sugeruje dostarczanie plików JS i CSS witryny po pełnym załadowaniu HTML - i dlatego nie wstrzymuj ładowania HTML aby je pobrać.

Did you know that you can even have all these steps executed automatically for you by using an external  Site Speed ​​Accelerator‌  technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Odrocz ładowanie plików Javascript

Aby odłożyć obciążenie plików JS [2], możesz dodać instrukcję asynchroniczną lub odroczoną do linków skryptów. Async nie gwarantuje, że są one załadowane w tej samej sekwencji - dlatego jeśli masz kilka skryptów, które powinny być uruchamiane jeden po drugim, lepiej jest odroczyć sekwencję:

<script defer type="text/javascript" src="./js/mootools-more-1.4.0.1.js"></script>

Załaduj CSS po załadowaniu HTML

Aby kod CSS był ładowany po przesłaniu całego HTML, Google proponuje [3] ten fragment kodu na końcu kodu HTML, na przykład po tagu zamykającym stopkę i przed tagiem zamykającym treść:

</footer>
 <script>
 var cb = function() {
 var l = document.createElement('link'); l.rel = 'stylesheet';
 l.href = './style.css';
 var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
 };
 var raf = requestAnimationFrame || mozRequestAnimationFrame ||
 webkitRequestAnimationFrame || msRequestAnimationFrame;
 if (raf) raf(cb);
 else window.addEventListener('load', cb);
 </script>
</body>

Zdaj test szybkości witryny Google!

Pozwoliło mi to przejść test  Google PageSpeed‌  ​​[1] Wyeliminowanie blokowania wyświetlania JavaScript i CSS w części strony widocznej na ekranie (wraz z buforowaniem przeglądarki Leverage [4]) na stronie internetowej, zwiększając wynik z 51 na komórki ( Ryc. 1) do 72 (ryc. 2) i do 59 (ryc. 3) do 79 na pulpicie (ryc. 4).

Jak wyeliminować zasoby blokujące renderowanie w WordPressie

Aby wyeliminować zasoby blokujące renderowanie w WordPressie, konieczne jest zainstalowanie wtyczki, takiej jak JetPack.

Następnie przejdź do opcji, dla których musisz być administratorem, i przejdź do opcji JetPack> Pisanie> Wydajność i szybkość> zaznacz Włącz akcelerator witryny, przyspiesz czas ładowania obrazów, przyspiesz czas ładowania plików statycznych i włącz leniwe ładowanie dla obrazy.


Pozwoli to wyeliminować zasoby blokujące renderowanie w WordPressie i przyspieszyć ładowanie stron, umożliwiając JetPackowi optymalizację obrazów i wyświetlanie obrazów i plików statycznych (takich jak CSS i JavaScript) z ich globalnej sieci serwerów.

Jak wyeliminować blokowanie renderingu JavaScript i CSS w WordPress

Poproś system zewnętrzny o zoptymalizowanie Twojej witryny

Czy wiesz, że faktycznie możesz rozwiązać wszystkie problemy związane z  Google PageSpeed‌  ​​w Twoim imieniu, bez większego wysiłku ze strony - z wyjątkiem rejestracji na bezpłatny okres próbny i zmiany DNS?

Korzystając z platformy Ezoic Site Site Accelerator, wszystkie zwykłe problemy z  Google PageSpeed‌  ​​zostaną rozwiązane przez ich system, który będzie pośrednikiem między Twoją witryną a odwiedzającymi. Zoptymalizują stronę internetową przed wyświetleniem jej użytkownikowi.

Stań się zielony, po prostu rejestrując się na darmowy okres próbny na platformie Ezoic i wypróbuj go sam - sprawią, że Twoja witryna osiągnie najwyższe standardy optymalizacji szybkości strony w ciągu kilku dni: renderuj obrazy webp nowej generacji, optymalizuj CSS i JavaScript, usuwając nieużywane CSS i JS, leniwe ładowanie obrazów, zmiana rozmiaru obrazów, buforowanie stron witryny, optymalizacja czcionek, wstępne połączenie ze wszystkimi zawartymi witrynami i wiele więcej.

Karta kredytowa nie jest wymagana - wystarczy zarejestrować się za darmo i spróbować. Ponadto, jeśli Twoja witryna zarabia na reklamach displayowych, poza tym, że znacznie przyspiesza, może również sprawić, że zarobisz kilka razy więcej pieniędzy niż w przypadku Google AdSense, optymalizując reklamy dzięki uczeniu maszynowemu i zaawansowanej sztucznej inteligencji.



Międzynarodowe doradztwo biznesowe
O autorze - Międzynarodowe doradztwo biznesowe
Yoann jest międzynarodowym konsultantem biznesowym, moderatorem i koordynatorem. Pracował ponad 10 lat w globalnym biznesie, łańcuchu dostaw, finansach, projektach SAP ERP, optymalizacji sieci i SEO dla różnych branż, takich jak logistyka, kosmetyki, towary konsumpcyjne, pielęgnacja urody lub moda, w ponad 30 krajach na całym świecie. .
 


Komentarze (12)

 2018-08-19  Louise Cooper
Любовь, читающая ваш контент, продолжайте публиковать
 2018-08-19  Monica Lindsey
Así que así es como lo hacemos, es genial saber
 2018-08-19  Van Santiago
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
 2018-08-19  Dwayne Peters
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
 2018-08-19  Leo Cannon
น่าอัศจรรย์ตอนนี้ก็ถึงเวลาที่ฉันจะลอง!
 2018-08-19  Lawrence Rogers
Don’t know how to thank you, but that is pure genius, thanks
 2018-08-19  Ludanulema
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
 2018-08-19  animeg2Q
سأحاول ذلك الآن ، شكرًا على المشاركة
 2018-08-19  Gasfackele
To pro mě dobře fungovalo, není třeba se dívat dál
 2018-08-19  utumikaji0
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
 2018-12-29  quranapk
Любовь, читающая ваш контент, продолжайте публиковать
 2020-07-27  Framboise
Waou ! Amazing way of life. So lucky to travel all around the US. There are so many beautiful places to see ... Thanks for sharing your experience with such a beautiful energy. It might be hard sometimes in some kind of situations, I couldn't do it. When we listen to you it looks like so easy, just like a dream come true. I admire you. Wish you all the best. Take care.

zostaw komentarz