Мазмуну:

Критикалык көрсөтүү жолун кантип оптималдаштырасыз?
Критикалык көрсөтүү жолун кантип оптималдаштырасыз?

Video: Критикалык көрсөтүү жолун кантип оптималдаштырасыз?

Video: Критикалык көрсөтүү жолун кантип оптималдаштырасыз?
Video: Тургун Жангозуев: "Эркектер "жан жерин" кестирбеши керек" 2024, Апрель
Anonim

Критикалык көрсөтүү жолун оптималдаштыруу үчүн кадамдардын жалпы ырааттуулугу:

  1. Талдоо жана мүнөздөмө бер критикалык жол : ресурстардын саны, байт, узундук.
  2. санын азайтуу сын ресурстар: аларды жок кылуу, жүктөөнү кийинкиге калтыруу, синхрондуу катары белгилөө ж.б.у.с.

Андан тышкары, критикалык көрсөтүү жолу деген эмне?

The Critical Rendering Path HTML, CSS жана JavaScriptти экрандагы пикселдерге айландыруу үчүн браузер өтүүчү кадамдардын ырааттуулугу. оптималдаштыруу критикалык көрсөтүү жолу жакшыртат көрсөтүү аткаруу. оптималдаштыруу критикалык көрсөтүү жолу биринчи убакытты жакшыртат көрсөтүү.

Жогорудан тышкары, бүктөлгөн CSSтин үстүндө эмне бар? Үстүнөн жогору мазмун - бул баракча биринчи жолу жүктөлгөндө браузердин терезесинде көрүнгөн веб-баракчанын бөлүгү. Google inline көргүсү келет CSS негизгиден алынган CSS файл жана баш тегине сайылган, биринчи көргөнүңүздүн баары биринчи жүктөлүүгө мүмкүндүк берет.

Андан кийин, суроо туулат, мен кантип ашыкча Dom көлөмүн токтото алам?

  1. веб-баракчаларыңыздагы же барак макеттериңиздеги виджеттердин / бөлүмдөрдүн санын азайтуу.
  2. жөнөкөй веб-баракча куруучуну колдонуу, анткени көптөгөн баракчаларды куруучулар көп кодду кошот.
  3. башка теманы колдонуу.
  4. башка сыдырманы колдонуу.

Браузерди кантип көрсөтөсүз?

Веб баракча жүктөлгөндө, браузер адегенде TEXT HTMLди окуйт жана андан DOM дарагын курат. Андан кийин ал CSSти саптык, кыстарылган же тышкы CSS иштетет жана андан CSSOM дарагын курат. Бул дарактар курулгандан кийин, ал курулат Рендер - Андан дарак.

Сунушталууда: