Ik ben bezig met het optimaliseren van de snelheid van mijn Wordpresswebsite, maar kom eigenlijk niet voorbij 78/100 voor de mobiele score bij Google PageSpeed.
Het lijkt met name om de volgende opmerking te gaan: "JavaScript en CSS in inhoud boven de vouw die het weergeven blokkeren, verwijderen"
Ik gebruik inmiddels al W3 Total Cache en de bijhorende Minify-functie. Dat zorgde voor verbetering, maar Google ziet de gecombineerde Javascript file en CSS file die de plugin gemaakt heeft alsnog als een blokkerende bron. Ook ziet hij nog de font-stylesheet van Google zelf als blokkerend (https://fonts.googleapis.com/css?fami...n+Slab:400,600)
Ik ben zelf niet enorm technisch, maar heb het idee dat ik er niet veel meer uit kan halen dan dit.
Ik vroeg me af of jullie het voor elkaar krijgen om bij Wordpress website daadwerkelijk alle Javascript- en CSS-bronnen te verwijderen, zonder de functionaliteit van je website op een andere manier te benadelen. Is een 100/100 score echt mogelijk bij een website die niet alleen statische HTML heeft?
-
20-05-2015, 12:57 #1
flyte
- Berichten
- 470
- Lid sinds
- 17 Jaar
PageSpeed - De max?
-
-
20-05-2015, 13:00 #2
Particulier
- Berichten
- 117
- Lid sinds
- 11 Jaar
Re: PageSpeed - De max?
Heb zelf een score van 89/100 en soms 92/100, maar hou die foutmelding ook. (ivm mijn cacheplugin) Zou je er niet druk om maken, als je een goede laadtijd hebt zit je toch goed? Even testen via http://tools.pingdom.com/fpt/.
-
20-05-2015, 13:47 #3
64BitsWebhosting.EU
- Berichten
- 2.085
- Lid sinds
- 18 Jaar
Re: PageSpeed - De max?
Het is zeker te doen, maar je moet dan trucjes uithalen die weer lijnrecht tegen een goed te onderhouden site in gaan.
Wil je een beetje organisatie en dus wél x losse js/css bestanden plus een warning van google, of wil je alles in elkaar flikkeren en geen warning?
Wil je echt inline css?
Analytics e.d. is ook zoiets. Wil je die warning kwijt dan moet je de analytics js code downloaden en op je eigen server zetten en vervolgens een cronjob maken die dagelijks de analytics js code download (ivm mogelijke aanpassingen in de code).
Wil je echt gaan kloten met minify spul omdat google zegt dat je 500 bytes kunt besparen?
Wij hebben sites op ons platform die een 100 halen op zowel mobiel als desktop, maar als je dan ziet dat de helft daarvan de hele css code gewoon in de html gegooid heeft... geef mij dan maar iets mindere score ;)
-
20-05-2015, 13:57 #4
Website Ontwikkeling Puts
- Berichten
- 301
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Hoezo zouden dergelijke 'trucjes' tegen een goed te onderhouden website in gaan? Er zijn tooltjes waarbij je je development files automatisch om kunt zetten naar compressed en samengevoegde files etc? Grunt bijv?
-
20-05-2015, 14:26 #5
64BitsWebhosting.EU
- Berichten
- 2.085
- Lid sinds
- 18 Jaar
Re: PageSpeed - De max?
Ga je klant met een niet-wordpressite (dus zonder plugins die het voor je doen) maar eens uitleggen wat ie allemaal moet doen om zijn images lossless te comprimeren en een arsenaal aan tooltjes te gebruiken. (Waarbij 90% eigenlijk puur zinloos is want als de zooi de juiste cacheheaders heeft dan staat het na 1 bezoek toch al in de browser cache van de bezoeker). Er zijn nu eenmaal een hele hoop andere dingen die meer zoden aan de dijk zetten dan een minified stukje van een website.
Origineel gepost door Mark Puts
Plus dat je voor een 100/100 score natuurlijk ook wel redelijk wat extra tijd kwijt bent. Leuk voor een eigen site maar als je een klant moet vertellen dat een site 500 euro duurder is zodat een google site je een 100 laat zien.... sterkte.
Als je zorgt dat je site snel genoeg is en zowel mobiel als op desktop gewoon goed werkt, ben je imho al ver genoeg.
-
20-05-2015, 14:28 #6
Corbata Webdevelopment
- Berichten
- 150
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Zoals ik het zie, biedt de Pagespeed Insights-tool een mooie richtlijn. Sites die slecht scoren, is ook echt wel wat aan te verbeteren, maar simpelweg alle tips opvolgen gaat wat ver.
-
20-05-2015, 14:43 #7
flyte
- Berichten
- 470
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Bedankt voor alle snelle reacties. De scripts/CSS bij mij worden via de wp_head ingeladen en ik heb daar op dit moment niet genoeg kaas van gegeten om daar zelf vanalles aan te sleutelen. Met de plugins ben ik in elk geval een eind gekomen. Ik zie dat de laadtijd van de site op zich goed is, dus voor nu laat ik het er inderdaad maar bij. Misschien iets voor de toekomst als ik de overige SEO al optimaal heb.
-
20-05-2015, 15:11 #8
Particulier
- Berichten
- 540
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Je kan je javascript bestanden uit de <head> halen en onderaan de <body> zetten. Moet je alleen zorgen dat eventueel jquery ook pas daarna wordt uitgevoerd.
-
20-05-2015, 15:21 #9
Particulier
- Berichten
- 138
- Lid sinds
- 10 Jaar
Re: PageSpeed - De max?
Open je .htaccess file en zet deze code eronder:
Scheelt dat? Ik ben benieuwd naar het resultaat na het toevoegen van de bovenstaande code.Code:ExpiresActive On ExpiresDefault A0 <FilesMatch “\.(gif|jpg|jpeg|png|swf)$”> # 1 ExpiresDefault A1209600 Header append Cache-Control “public” </FilesMatch> <FilesMatch “\.(xml|txt|html)$”> # 2 ExpiresDefault A7200 Header append Cache-Control “proxy-revalidate” </FilesMatch> <FilesMatch “\.(js|css)$”> # 3 ExpiresDefault A259200 Header append Cache-Control “proxy-revalidate” </FilesMatch> # compress AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
-
20-05-2015, 15:41 #10
flyte
- Berichten
- 470
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Geen verschil helaas, niet merkbaar en ook niet volgens Google. Origineel gepost door gast121593
-
20-05-2015, 15:44 #11
Particulier
- Berichten
- 138
- Lid sinds
- 10 Jaar
Re: PageSpeed - De max?
Jammer. Maar dat geeft gelukkig wel aan dat je cache plugins al optimaal werken.
-
20-05-2015, 17:46 #12
Bob de webbouwer
- Berichten
- 1.454
- Lid sinds
- 15 Jaar
Re: PageSpeed - De max?
Ik heb laatst ook een klant gehad die zat te zeuren over de pagespeed score. Hij had namelijk zelf een hele hoge score met zijn eigen tabellen knutselwerkje, maar dat moest responsive worden. Ik had dus een stylesheet toegevoegd, en daardoor was z'n score omlaag gegaan...
Ik uitgelegd dat hij zich daar niet al te druk over moest maken, zijn website is immers razendsnel en daar gaat het om. Bovendien heeft de pagespeed score zelf geen invloed op de ranking van je website, en ook niet op de adsense advertenties die hij op zijn site heeft staan.
Kreeg ik van de week toch weer een mailtje, hij had toch weer gekeken en pagespeed gaf aan dat sommige tikdoelen te dicht bij elkaar zaten. Ik kijken, bleek die melding over de eigen (responsive) adsense advertenties te gaan :D
-
20-05-2015, 18:27 #13
Webblish Content & Publishing
- Berichten
- 5.670
- Lid sinds
- 18 Jaar
Re: PageSpeed - De max?
Omdat we allemaal dat verd*mde cookiescript moeten gebruiken, is het voor zover ik weet ook bijna onmogelijk om alle Javascript onderin de HTML te zetten. Verder is het zoals John Timmer terecht opmerkt uiterst merkwaardig dat een normale stylesheet negatief zou werken, terwijl inline stijlen (die tegenwoordig eigenlijk "not done" zijn) betere resultaten geven qua pagespeed.
-
21-05-2015, 09:18 #14
Corbata Webdevelopment
- Berichten
- 150
- Lid sinds
- 17 Jaar
Re: PageSpeed - De max?
Dat laatste heeft te maken met de 'overhead' die er bij komt als je een extra bestand moet inladen. Dat is echter weer alleen de 1e keer (mits de caching/expires goed ingesteld zijn), waardoor bij meerdere pageviews externe bestanden weer een groot voordeel zijn.
-
22-05-2015, 01:22 #15
MyTale
- Berichten
- 245
- Lid sinds
- 14 Jaar
Re: PageSpeed - De max?
Bekijk de tips van Google maar eens als je Google.nl's PageSpeed laat analyseren. Je zou van het bedrijf dat de richtlijnen opstelt toch verwachten dat ze zelf de maximale score hebben... ;-).
