Skip to content

Optimeerimine

Jump to bottom
KristinaMeister edited this page May 16, 2018 · 33 revisions

PageSpeed Insights hinnangud enne optimeerimist:

  • Avaleht: Mobile (72), Desktop (84)
  • Täna (Tartu): Mobile (71), Desktop (85)
  • Täna (Tallinn): Mobile (73), Desktop (86)
  • Homme: Mobile (73), Desktop (85)
  • Statistika: Mobile (72), Desktop (84)
  • Login: Mobile (73), Desktop (86)
  • Lemmikud: Mobile (73), Desktop (86)
  • Andmed: Mobile (71), Desktop (85)
  • Sinu toidud: Mobile (68), Desktop (86)

PageSpeed Insights optimeerimissoovitused:

  • Eliminate render-blocking JavaScript and CSS in above-the-fold content
  • Leverage browser caching
  • Reduce server response time
  • Enable compression
  • Minify JavaScript, HTML & CSS
  • Prioritize visible content

Eliminate render-blocking Javascript in above-the-fold content

Lehe sisu kuvatakse, jättes .js failid taustale laadima. Teostatud defer-atribuudi lisamisega script-parameetritele.

Muutused peale lahendust (võrreldes optimiseerimiseelsetega):

Leverage browser caching

Staatilised ressursid hoitakse mälus fikseeritud aja serveri poolt, et külastaja neid iga kord uuesti küsima ei peaks. Saavutatud järgmise mooduli implementeerimisega .htaccess faili abil:

#EXPIRES HEADER CACHING
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 weeks"
</IfModule>
#EXPIRES HEADER CACHING

Muutused peale lahendust (võrreldes optimiseerimiseelsetega):

  • Avaleht: Mobile (+0), Desktop (+1)
  • Täna (Tartu): Mobile (+0), Desktop (+3)
  • Täna (Tallinn): Mobile (+0), Desktop (+1)
  • Homme: Mobile (+0), Desktop (+2)
  • Statistika: Mobile (+0), Desktop (+0)
  • Login: Mobile (+4), Desktop (+2)
  • Lemmikud: Mobile (+0), Desktop (+2)
  • Andmed: Mobile (+0), Desktop (+3)
  • Sinu toidud: Mobile (+5), Desktop (+1)

GTmetrix testiga paranes 'Leverage browser caching' ca 10%, seega märgatavalt.

Enable compression

Lehe külastajale saadetavad andmed pakitakse enne kokku, mis vähendab lehe laadimisaega. Kokkupakkimine on teostatud GZip implementatsiooniga .htaccess-is:

#COMPRESS FILES
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
#COMPRESS FILES

Muutused peale lahendust (võrreldes optimiseerimiseelsetega):

  • Avaleht: Mobile (+1), Desktop (+3)
  • Täna (Tartu): Mobile (+2), Desktop (+1)
  • Täna (Tallinn): Mobile (+0), Desktop (+0)
  • Homme: Mobile (+0), Desktop (+0)
  • Statistika: Mobile (+0), Desktop (+1)
  • Login: Mobile (+3), Desktop (+0)
  • Lemmikud: Mobile (+0), Desktop (+0)
  • Andmed: Mobile (+2), Desktop (+1)
  • Sinu toidud: Mobile (+3), Desktop (+0)

Kuna 000webhost pakub kokkupakkimisteenust vaikimisi text/html sisule ning ilmselt ei luba selle ülekirjutamist, siis olid muutused praktiliselt olematud. Chrome'i DevTools abil on näha, et kokkupakkimine toimub. Kokkupakkimisel tehakse enamus tööst juba ära, ning antud failide minify'miseks pole vaid paari-kilobaidisel muutusel vajadust. GTmetrix tööriistaga on antud võtte hindeks samuti juba 99/100.

Hinnang peale optimiseerimist

  • Avaleht: Mobile (73), Desktop (88)
  • Täna (Tartu): Mobile (73), Desktop (88)
  • Täna (Tallinn): Mobile (72), Desktop (88)
  • Homme: Mobile (73), Desktop (87)
  • Statistika: Mobile (73), Desktop (87)
  • Login: Mobile (76), Desktop (87)
  • Lemmikud: Mobile (77), Desktop (88)
  • Andmed: Mobile (71), Desktop (88)
  • Sinu toidud: Mobile (73), Desktop (88)

Clone this wiki locally