Tales van 200 Trenches

Prestaties is Kritieke Prestaties, in het bijzonder de snelheid van Web-pagina's, wordt benadrukt als zeer belangrijke factor voor succesvolle Webprojecten. Het garanderen van prestatiesscores van 100 is een primair doel.

Praktijken van de Ontwikkeling

• Gebruik Google PageSpeed Insights voor continue tests tijdens de ontwikkeling.
• Start projecten met bouwsteencode die al 100 scores haalt om hoge prestaties te behouden.
• Zorg ervoor dat pull-aanvragen (PR's) voldoen aan prestatienormen voordat u samenvoegt.

Zeer belangrijke Metriek concentreert zich bij het optimaliseren van Grootste Inhoud (LCP) en Totale het Blokken Tijd (TBT) aangezien zij prestatiesscores beduidend beïnvloeden.

Beheer van het Middel

• Neem de benodigde bronnen op, zoals lettertypen en scripts van derden, in de projectbron.
• Gebruik fontfallbacks om de laadtijden te verbeteren.
• Vertraging bij het laden van niet-essentiële scripts om de prestaties bij eerste belasting te verbeteren.

optimalisering van het Beeld Prioritize lading van boven-de-vouw beelden en gebruik high-priority haalmontages voor kritieke beelden.

Gevallenanalyses

• CNN.com Geoptimaliseerde vraagindexen en vertraagde lading van de advertenties van Google om prestaties te verbeteren.
• Herbert Homes Gebruikte API van de Waarnemer van de Intersectie om gegevens te laden aangezien de gebruikers scrollen, verbeterend prestaties en gebruikerservaring.

Beste praktijken

• Begin met boilerplate-code en gebruik een goed gestructureerde opmaak.
• Gebruik geavanceerde CSS-kiezers en minimaliseer JavaScript-manipulatie.
• Focus op mobiele ontwikkeling.
• Zorg ervoor dat het structureren van inhoud intuïtief is voor auteurs.

Hulpmiddelen de hulpmiddelen van het Gebruik zoals de Bladen van Google en DSA voor het volgen van de scores van plaatsprestaties in tijd.