Mündəricat:

CSS-nin render bloklanmasını necə təxirə sala bilərəm?
CSS-nin render bloklanmasını necə təxirə sala bilərəm?

Video: CSS-nin render bloklanmasını necə təxirə sala bilərəm?

Video: CSS-nin render bloklanmasını necə təxirə sala bilərəm?
Video: JavaScript Eğitimi 8: HTML ve CSS 2024, Bilər
Anonim

Ən ümumi həll yolu təxirə salmaq yüklənməsi CSS-nin bloklanmasını göstərin , və azaldın göstərmək - bloklama gediş-gəliş Filament Group tərəfindən loadCSS adlanır. Ən son versiya asinxron yükləməyə imkan verən hələ tam dəstəklənməyən atributdan istifadə edir CSS.

Sonra render bloklanmasını necə düzəldə bilərəm?

Renderin bloklanmasını düzəldin W3 Total Cache-dən istifadə edən JavaScript Sonra, Performans » Ümumi Parametrlər səhifəsinə daxil olub, Kiçikləşdirmə bölməsinə keçməlisiniz. Əvvəlcə Küçültmə seçiminin yanında 'Aktivləşdir'i yoxlamalı və sonra kiçilmə rejimi seçimi üçün 'Əllə' seçməlisiniz. Parametrlərinizi saxlamaq üçün bütün parametrləri saxla düyməsini klikləyin.

İkincisi, render bloklayan resursları aradan qaldırmaq nədir? Render - resursların bloklanması ziyarətçilərin brauzerlərini gecikdirməyə məcbur edərək WordPress saytınızın qəbul edilən səhifə yükləmə vaxtlarını yavaşlatın göstərilməsi brauzer dərhal lazım olmayan faylları endirərkən ekranın üstündəki məzmun. Kimə göstərməyi aradan qaldırın - resursların bloklanması WordPress-də siz rack-dən kənar plaginlərdən istifadə edə bilərsiniz.

Yuxarıdakılarla yanaşı, CSS göstərilməsini bloklayır?

Render Bloklama CSS . Varsayılan olaraq, CSS-dir kimi müalicə olunur göstərmək resursun bloklanması, yəni brauzer bunu etməyəcək göstərmək CSSOM-a qədər hər hansı işlənmiş məzmun edir tikilmiş. HTML edir açıq-aydın, çünki DOM olmasaydı, bizim heç bir şeyimiz olmazdı göstərmək , lakin CSS tələb daha az aydın ola bilər.

Render bloklama resurslarım olub-olmadığını necə bilə bilərəm?

Göstərməni bloklayan resursları müəyyən etmək üçün:

  1. Başlanğıc göstərmə xəttindən əvvəl yüklənən kritik olmayan resursları axtarın (webpagetest.org vasitəsilə).
  2. Səhifə məzmununa necə təsir etdiyini görmək üçün Google Dev Tools vasitəsilə resursların silinməsini sınayın.
  3. Müəyyən edildikdən sonra, renderin bloklanması resurslarını təxirə salmaq üçün ən yaxşı həlli tapmaq üçün tərtibatçılarla işləyin.

Tövsiyə: