Optimeerimine - aceraces/Pollish GitHub Wiki
Optimeerimine
Enne optimeerimist:
External Object QTY Size Download @ 56K (seconds)
Total HTML: 1 7238 1.64
Total HTML Images: 1 15038 3.20
Total CSS Images: 0 0 0.00
Total Images: 1 15038 3.20
Total Scripts: 4 87868 18.31
Total CSS imports: 0 0 0.00
Total Frames: 0 0 0.00
Total Iframes: 0 0 0.00
Total HTTP Requests : 6
Total Size : 110144 bytes
Download time @ 56K : 23.15 seconds
PageSpeed index :
Mobile : 79
Desktop : 100
Soovitused
- Eemaldada renderdamist blokeerivad ressursid
- Anda piltidele sobivad mõõtmed
- Viivitada kasutamata CSS’iga
Probleemid
Esiteks, me ei saanud midagi rohkemat kustutada, nagu oli soovitatud kolmandas punktis. Piltidele sobivate suuruste andmiseks andsime neile mõõtmed 50x50 ja 100x100 sinna, kuhu oli vaja. Meil on endiselt mõõtmetest tulenev error, sest me ei saa kasutada staatilist pildi suurust (see on responsiivne 100%-lisele pildi suurusele). Mis puudutab renderdamsit blokeerivaid ressursse, siis ainukene märgatav suuruse vahe tuleneb juba eelnevalt valmis tehtud js. ja .css Bootsrap ning Google failidest. Üks võimalus oleks failidest täielikult loobuda ning kirjutada need iseseisvalt. Viimase ajanõudva iseloomu poolest jätame selle nii, nagu on ja loeme selle kui optimiseerituks (hetkel). Lisaks, liigutasime ühte .js faili, mis oli ainult „stats“ide all kasutuses. See tegi kõik teised lehed veidikene kiiremaks.
Pärast optimiseerimist
External Object QTY Size Download @ 56K (seconds)
Total HTML: 1 7138 1.62
Total HTML Images: 1 16686 3.73
Total CSS Images: 0 0 0.00
Total Images: 1 16686 3.73
Total Scripts: 4 40231 8.62
Total CSS imports: 0 0 0.00
Total Frames: 0 0 0.00
Total Iframes: 0 0 0.00
Total HTTP Requests : 6
Total Size : 64055 bytes
Download time @ 56K : 13.97 seconds
Size won : 46089 bytes
Time won : 9.18 seconds
PageSpeed index :
Mobile : 82 (+3)
Desktop : 100 (+0)