Სარჩევი:

როგორ გადავდოთ CSS-ის დაბლოკვის რენდერი?
როგორ გადავდოთ CSS-ის დაბლოკვის რენდერი?

ვიდეო: როგორ გადავდოთ CSS-ის დაბლოკვის რენდერი?

ვიდეო: როგორ გადავდოთ CSS-ის დაბლოკვის რენდერი?
ვიდეო: How to easily override a plugin's CSS without using important rule 2024, მაისი
Anonim

ყველაზე გავრცელებული გამოსავალი, რომ გადადება თქვენი ჩატვირთვა CSS ბლოკირების რენდერი და შეამცირეთ გაწევა - ბლოკირება ორმხრივ მგზავრობას Filament Group-ის მიერ loadCSS ეწოდება. უახლესი ვერსია სარგებლობს ჯერ კიდევ არ არის სრულად მხარდაჭერილი ატრიბუტით, რომელიც საშუალებას იძლევა ასინქრონული დატვირთვა CSS.

მერე როგორ გავასწორო რენდერის დაბლოკვა?

გაასწორეთ რენდერის ბლოკირება JavaScript W3 Total Cache-ის გამოყენებით შემდეგ, თქვენ უნდა ეწვიოთ Performance » ზოგადი პარამეტრების გვერდს და გადახვიდეთ ქვემოთ Minify განყოფილებაში. ჯერ უნდა მონიშნოთ „ჩართვა“Minify ვარიანტის გვერდით და შემდეგ აირჩიეთ „Manual“მინიმიზაციის რეჟიმის ოფციისთვის. დააწკაპუნეთ ყველა პარამეტრის შენახვის ღილაკზე თქვენი პარამეტრების შესანახად.

მეორეც, რა არის რენდერის დაბლოკვის რესურსების აღმოფხვრა? რენდერი - რესურსების ბლოკირება შეანელეთ თქვენი WordPress საიტის გვერდის დატვირთვის დრო, ვიზიტორთა ბრაუზერების დაყოვნების იძულებით გაწევა კონტენტის ზემოთ, სანამ ბრაუზერი დაუყოვნებლივ ჩამოტვირთავს ფაილებს, რომლებიც არ არის საჭირო. რომ რენდერის აღმოფხვრა - რესურსების ბლოკირება WordPress-ზე, შეგიძლიათ გამოიყენოთ off-the-rack დანამატები.

ზემოაღნიშნულის გარდა, CSS ბლოკავს რენდერირებას?

რენდერი ბლოკირება CSS . ნაგულისხმევად, CSS არის განიხილება როგორც ა გაწევა ბლოკავს რესურსს, რაც ნიშნავს, რომ ბრაუზერი არ დაბლოკავს გაწევა ნებისმიერი დამუშავებული შინაარსი CSSOM-მდე არის აშენდა. HTML არის აშკარაა, რადგან DOM-ის გარეშე ჩვენ არაფერი გვექნებოდა გაწევა , მაგრამ CSS მოთხოვნა შეიძლება ნაკლებად აშკარა იყოს.

როგორ გავიგო, მაქვს თუ არა Render-ის დაბლოკვის რესურსები?

რენდერის დაბლოკვის რესურსების იდენტიფიცირებისთვის:

  1. მოძებნეთ არაკრიტიკული რესურსების ჩატვირთვა დაწყების რენდერის ხაზამდე (webpagetest.org-ის მეშვეობით).
  2. შეამოწმეთ რესურსების ამოღება Google Dev Tools-ის მეშვეობით, რათა ნახოთ, თუ როგორ აისახება გვერდის კონტენტზე.
  3. იდენტიფიცირების შემდეგ, იმუშავეთ დეველოპერებთან, რათა იპოვოთ საუკეთესო გამოსავალი რენდერის დაბლოკვის რესურსების გადადების მიზნით.

გირჩევთ: