Google Core Web Vitals: LCP, INP və CLS Göstəricilərinin Optimallaşdırılması

Google alqoritmləri artıq təkcə məqalənin mətni ilə kifayətlənmir; əgər saytınız ləng açılırsa, düyməyə basanda donursa və ya yüklənərkən elementlər tullanırsa, axtarış nəticələrində alt sıralara enəcəksiniz. Core Web Vitals bu təcrübəni 3 əsas rəqəmlə ölçür: 📌 1. LCP (Largest Contentful Paint) — Ən Böyük Elementin Yüklənməsi İstifadəçi linkə kliklədikdən sonra ekranda görünən ən böyük blokun (adətən əsas şəkil və ya böyük başlıq) açılma müddətidir. - Hədəf: 2.5 saniyədən az olmalıdır. - Optimizasiya: Əsas şəkli 'next/image' komponenti ilə və 'priority' parametri ilə yükləyin. Şriftləri 'next/font' ilə yerli olaraq saxlayın. 📌 2. INP (Interaction to Next Paint) — İnteraktivlik Reaksiyası İstifadəçi menyuya və ya düyməyə kliklədikdən sonra brauzerin vizual reaksiya vermə müddətidir (köhnə FID metrikinin daha güclü əvəzləyicisi). - Hədəf: 200 millisaniyədən az olmalıdır. - Optimizasiya: Əsas JavaScript ipini (Main Thread) ağır hesablamalarla bloklamayın. Ağır komponentləri dinamik 'next/dynamic' ilə təxirə salın. 📌 3. CLS (Cumulative Layout Shift) — Vizual Sabitlik Səhifə yüklənərkən mətnlərin və düymələrin qəfil yerini dəyişməsidir (məsələn, reklam və ya şəkil sonradan yüklənib mətni aşağı itələyəndə). - Hədəf: 0.1-dən az olmalıdır. - Optimizasiya: Bütün şəkillərə və videolara əvvəlcədən 'width' və 'height' nisbətləri verin. Skeleton yüklənmə kartlarından istifadə edin.