Sürətli veb təcrübəsi yalnız yaxşı Lighthouse balı deyil. İstifadəçinin məzmuna nə qədər tez çatdığı, qarşılıqlı əlaqə zamanı interfeysin nə qədər sabit qaldığı və zəif cihazlarda necə işlədiyi birlikdə qiymətləndirilməlidir. Nuxt güclü standartlar təqdim edir, amma real nəticəni tətbiq qərarları müəyyən edir.

Optimallaşdırmaya başlamazdan əvvəl ölçmək lazımdır. Ən böyük məzmun elementinin nə vaxt göründüyünü, gözlənilməz layout dəyişmələrini və istifadəçi qarşılıqlı əlaqəsinə gecikmiş cavabları yoxlayın. Real istifadəçi məlumatlarını inkişaf mühiti testləri ilə birləşdirmək daha düzgün prioritetlər müəyyən etməyə kömək edir.

Şəkilləri doğru ölçü və formatda təqdim edin

Səhifədəki ən böyük fayllar çox vaxt şəkillər olur. Təkcə WebP və ya AVIF istifadə etmək kifayət deyil; istifadəçinin ekranından çox böyük fayllar göndərməyin. Ölçüləri açıq göstərmək layout sürüşmələrinin qarşısını alır, gec yükləmə isə ekranın aşağısında qalan məzmun üçün lazımsız şəbəkə istifadəsini azaldır.

Veb performans ölçmə paneli
Ölçmə nəticələrini istifadəçi səyahətindəki real təsirinə görə qiymətləndirin.

İstifadəçiyə göndərilən JavaScript miqdarını idarə edin

Hər komponent ilk yüklənmədə işləməli deyil. Böyük redaktorlar, xəritələr, video pleyerlər və ya yalnız modal daxilində istifadə olunan alətlər dinamik yüklənə bilər. Server komponentləri və island yanaşması uyğun yerlərdə client tərəfi xərclərini azaltmağa kömək edir.

  • İlk ekranda görünməyən ağır komponentləri dinamik yükləyin.
  • Bütün kitabxananı deyil, istifadə etdiyiniz funksiyaları import edin.
  • Eyni məzmunu təkrar çəkməmək üçün məlumat sorğularını keşləyin.
  • Üçüncü tərəf skriptlərini mümkün olduqda icazə və ya qarşılıqlı əlaqədən sonraya saxlayın.
  • Paket ölçüsünü müntəzəm analiz edin və gözlənilməz artımları izləyin.
Ən sürətli kod istifadəçinin cihazına ümumiyyətlə göndərməyə ehtiyac olmayan koddur.
Axıcı hərəkət üçün vizual keyfiyyətlə performans arasında tarazlıq qurmaq lazımdır.

Performans büdcəsi müəyyən edin

Komanda üzrə JavaScript, şəkil və şrift ölçüləri üçün qəbul edilən sərhədlər müəyyən etmək qərarları asanlaşdırır. Yeni paket əlavə edildikdə və ya şəkil keyfiyyəti artırıldıqda bunun büdcəyə təsiri görünür olur. Avtomatik testlərdə bu sərhədlərin izlənməsi geriləmələri erkən aşkar edir.

Performans birdəfəlik təmizlik işi deyil. Məzmun, funksiyalar və üçüncü tərəf alətləri artdıqca müntəzəm ölçmə və nəzərdən keçirmə tələb olunur. Ən yaxşı nəticə texniki göstəriciləri istifadəçinin həqiqətən hiss etdiyi sürətlə birlikdə qiymətləndirən komandalarda yaranır.