Pagespeed en Yslow

Hoi,

Met GTMetrix loop ik vrijwel met elke Joomla site tegen deze 2 items op die niet optimaal zijn in Yslow. Meestal blijven ze rond de 77 %, Grade C
Pagespeed komt echter wel rond de 96 %, Grade A

Total pagesize is 590 kb wat in mijn ogen niet overdreven groot is voor bewerkte template met slider etc.


Specify a cache validator:

fonts.googleapis.com/css?family=Cabin:100,300,400,700
fonts.googleapis.com/css?family=Ubuntu
fonts.googleapis.com/css?family=Ubuntu:300,400,500,700
www.domeinnaam/templates/incline/cache/b..._compression_css.php
www.domeinnaam/templates/incline/cache/b...m_compression_js.php
www.domeinnaam/templates/incline/cache/top_compression_css.php
www.domeinnaam/templates/incline/cache/top_compression_js.php


Leverage browser caching

www.domeinnaam/templates/incline/cache/b...m_compression_js.php (expiration not specified)
www.domeinnaam/templates/incline/cache/top_compression_js.php (expiration not specified)



Aanvulling op de htacces file:

<IfModule mod_expires.c>
FileETag MTime Size
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css
application/xml application/xhtml+xml application/rss+xml
application/javascript application/x-javascript
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
ExpiresByType application/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
</IfModule>

Iemand suggesties hoe om dit te verbeteren ?

mvg.

Gutshot;121142 schreef : Hoi,

Met GTMetrix loop ik vrijwel met elke Joomla site tegen deze 2 items op die niet optimaal zijn in Yslow.

Sorry als ik het niet goed begrijp maar welke twee dingen zijn niet optimaal?

Ik denk dat hij "Specify a cache validator" en "Leverage browser caching" bedoelt.

Hier staat volgens mij al een antwoord op punt 1: stackoverflow.com/questions/3641582/htac...fy-a-cache-validator .

Volgens mij laad je nu je font in via een css import. Om het te versnellen zou je eens kunnen kijken naar het Async inladen van de font met Javascript.

Wat is de reden dat je de Google fonts vanuit je eigen server wilt aanbieden? Fonts zorgen voor de meeste vertraging in laadtijd. Het gebruik van een CDN verlaagt de laadtijd. Als je daarnaast de font async inlaadt met de standaard Google Javascript word de laadtijd nog korter.

Wat in de link voorgesteld word werkt inderdaad ook in Joomla. Maar wat het resultaat is dat je eerst al een request krijgt om het css bestand in te laden. Als deze bekeken wordt in de opbouwfase van de pagina dan wordt vervolgens pas de font url opgeroepen. Pas als deze gedownload en geïnterpreteerd is wordt de pagina verder weergegeven.

CND heeft niet veel zin als je site alleen in NL wordt gebruikt overigens.

Ik zit er gewoon een beetje mee te spelen, kijken waar nu precies de knelpunten zitten voor yslow. Waarschijnlijk gewoon in de template. Ik gebruik hoofdzakelijk die van Shape5, ben daar aardig in thuis en vind Vertex fijn om mee te werken.
Nadeel van de grote template aanbieders vind ik dat de performance regelmatig uit het oog wordt verloren. Templates met een homepage van ruim 4 mb. Komop !! Dus vaak de kale template installeren en van begin naar eigen inzicht opbouwen, wat tevens ook het leukste is. Daarbij de performance in het oog houden. Daarmee gaat testen van dingen ook gepaard.