Seega peame koodi optimeerimiseks ja saidi otsingumootorite jaoks kõige atraktiivsemaks muutmiseks: - Pakkima pilte, vähendama nende kaalu, mis muudab laadimise kiiremaks. Sageli laadivad kogenematud veebihaldurid serverisse kõrge eraldusvõimega pilte, mis seejärel kuvamiseks CSS-i abil tihendatakse. Õige on pilte üles laadida resolutsioonis, milles neid lehel näidatakse. Saate pilte käsitsi tihendada, salvestades need uuesti Photoshopis, või kasutada ühte paljudest teenustest, mis saavad pilte tihendada. Kasutage WebP pildivormingut on uus pildifailivorming veebis kasutamiseks. WebP-pildivormingu kasutamisel on teie pildid 25–34 % väiksemad kui PNG ja JPEG, ilma kvaliteeti kaotamata. - Optimeerige html, js ja css. Peame lehe koodi muutma võimalikult lihtsaks. Seoses html-iga, siis eemalda kogu koodi kommenteerimine, tee tavaline reavahetus. js-skriptide puhul asetage need sisu järele, et enne skriptide laadimist ilmuks ekraanile tähendusrikas teave. Erandiks on skript ja see on vajalik sisu kuvamiseks. Kasulik on panna kõik skriptid ühte faili. CSS – kasutage kõige jaoks laaditabeleid. Iga väljund peaks ideaaljuhul toimuma CSS-i kaudu ja seda ei tohi laadida iga kord kohmaka koodiga. Ressursside minimeerimine (HTML , wbr CSS ja wbr JavaScript) on eduka optimeerimise väga oluline aspekt. Minimeerimine viitab mittevajalike või üleliigsete andmete eemaldamise protsessile, ilma et see mõjutaks seda, kuidas brauser ressurssi käsitleb – näiteks kommentaarid ja koodi vormindamine, kasutamata koodi eemaldamine, lühemate muutujate ja funktsioonide nimede kasutamine jne. Peaksite oma HTML-i ressursse, CSS-i minimeerima. ja JavaScript: 1. HTML-i vähendamiseks proovige HTMLMinifierit 2. CSS-i vähendamiseks proovige CSSNano ja csso . 3. JavaScripti vähendamiseks proovige UglifyJS-i. 4. Closure Compiler on samuti väga tõhus. Saate luua koostamisprotsessi, mis kasutab neid tööriistu arendusfailide minimeerimiseks ja ümbernimetamiseks ning salvestab need tootmiskataloogi.