Segundo Google Search Console ( GCS ), unha das áreas de mellora que teño en Martech Zone é mellorar o meu rendemento móbil segundo Core Web Vitals ( CWV ), un conxunto de métricas que Google usa para avaliar o rendemento da páxina e a experiencia do usuario.
Como afecta a carga previa a Core Web Vitals?Comprensión do bloqueo de renderizado
O meu sitio utiliza fontes personalizadas e notei Biblioteca de números de teléfono que hai bastante atraso na carga da páxina en dispositivos móbiles porque esas fontes cárganse tarde a través de CSS . Puiden mellorar drasticamente o rendemento do meu móbil cargando previamente os meus tipos de letra.
Índice
Que é a precarga?
Cando debes usar a carga previa?
Vantaxes e inconvenientes da precargaVantaxes
Desvantaxes
Como escribir directivas de precarga para cada tipo de activo
Que é a precarga?
A carga previa é unha técnica poderosa que se usa no desenvolvemento web para mellorar o rendemento de carga dun sitio web instruíndolle ao navegador Millised peaksid hüpikaknad välja nägema que priorice recursos específicos. Ao indicarlle ao navegador que cargue determinados recursos antes do habitual, a precarga mellora a experiencia do usuario e pode afectar significativamente
Core Web Vitals constan de tres métricas principais:
A pintura de contido máis grande ( LCP ) mide a. Trapidez con que se carga o contido principal nunha páxina web. Debe producirse dentro de 2,5 segundos desde que a ao lists páxina comeza a cargarse. A carga previa pode axudar a mellorar o LCP ao reducir o tempo que tarda en aparecer o contido esencial (como unha imaxe de heroe ou un texto principal).
Como afecta a carga previa a Core Web Vitals?
Por exemplo, se o ficheiro CSS principal dunha páxina bloquea a renderización. To navegador agardará a mostralo ata que descargue e procese completamente ese ficheiro CSS. Este período de espera pode atrasar a primeira pintura da páxina ou o momento no z o contido na pantalla.
