Posts tagged ‘snelheid’

Caching fijn-tunen van Joomla website

Een kort bericht als vervolg op mijn vorige blogpost over “Page Speed”. Onderstaande afbeelding laat zien hoe ik inmiddels voor www.projektduga.nl een Page Speed heb bereikt van 95/100 en daarmee is deze uitgebreide Joomla website bijna net zo snel als Google.

Dat had ik niet verwacht van Joomla. De “Clue” in dit alles is het gebruik van caching en van compressie. Dat moet op de juiste wijze gebeuren. Caching betekent het tijdelijk opslaan van bestanden die bij de website horen op een server waarbij de computer van elke gebruiker ook een soort “server” is. Compressie is het samenvoegen en verkleinen van meerdere bestanden tot pakketten.

Waar op te letten:

1) Joomla kent een eigen cache en compressie systeem. Het is een goed idee daarmee te beginnen via algemene instellingen    —–> server en ook —— > system. Om dit goed te laten werken moet via pluginbeheer de cache plugin geactiveerd worden.

2) De template heeft mogelijk een eigen cache systeem. Ik gebruik voor http://www.projektduga.nl het Gantry systeem (daar draaien bijvoorbeeld de rockettheme.com templates op). Via tab Advanced kom je bij de cache instellingen voor Gantry en voor de template. Aanzetten is een goed idee.

3) Rocketheme biedt een aantal zeer goede cache plugins (gratis) zoals RokGzipper en Rokbooster. Ik heb RockGzipper aangezet en alles lijkt versnelt goed te werken. Totdat een collega me de volgende doorgeeft dat de layout door elkaar ligt. Met name de fonts zijn anders (groter). Na legen van de cache is alles weer normaal. (Daar kom ik dan ook pas een uur later achter hoor). Geen goede zaak omdat het niet handig is om elke dag de cache te moeten legen en daarmee schakel ik de cache dus eigenlijk uit.

4) Fijn tunen: Advies via Google en Rockettheme forum levert op dat het verstandig is de Gantry cache uit te zetten als Rokbooster (wat ik dan nog niet gebruik) gebruikt wordt. Ik test eerst even door (alleen) de Gantry cache te legen (button rechtsboven binnen Gantry in template manager), browsercache legen en website opnieuw te laden. Ja, de website is dan ook in orde terwijl Joomla cache nog steeds niet geleegd is.

5) Installeren van Rokbooster levert vervolgens alleen maar problemen op.

Kortom de conclusie voor http://www.projektduga.nl is:     Joomlacache aan, Joomla Gzip aan, Rokzipper aan, Gantry cache en Gantry Gzip uit en Rokbooster uit.

Zolang de website een Page Speed van 95/100 heeft, ben ik tevreden.

Ook een Page Speed van 95/100 nodig? Neem even contact op met dewebmeester.nl via info@dewebmeester.nl (Ja dat emailadres bestaat echt. Bij de Gouden Gids leken ze daar niet in te geloven…..)

Wat vind je van WordPress?

Het is al laat maar ik ben enthousiast en dat wil ik graag even opschrijven. Na een dag teleurstellend “aanrommelen” (kon maar geen inspiratie vinden) heb ik de dag toch afgesloten met motivatie. En deze keer betreft dat: WordPress. Ik heb al vrij vaak vragen gehad zoals: “Wat vind je van WordPress?” en “Doen jullie ook iets met WordPress?”. In deze blog post mijn eerste reactie op die vragen:

Wat vind dewebmeester.nl van WordPress?
Basaal, eenvoudig. Dat kan een reden zijn om er niet aan te beginnen. Dat zou heel erg jammer zijn. WordPress is een kleine, snelle sportwagen. Een soort “Porsche”. Joomla is meer een “Hummer”. Bij openen van de motorkap van WordPress (admin panel) zie je mogelijk niet direct de kracht en de mogelijkheden. Maar die zijn er wel degelijk. Bij Joomla lijken klanten bij het openen van “Administrator” vaak overweldigd te worden door de mogelijkheden. Een lijstje; wat vind dewebmeester.nl van WordPress (ten opzichte van Joomla):
Snel. Vooral het admin panel opent snel en ik ben vooral enthousiast over de button “Save” die je overal tegenkomt en die de aangepaste gegevens zo snel opslaat dat ik soms me wat onzeker voel. Is het nu echt opgeslagen of word ik voor de gek gehouden? Joomla ververst de hele pagina na iedere “Save”. Vraag me af wanneer ze dat gaan aanpassen.
Simpel. Joomla kent componenten (uitgebreide toepassingen), modules (zichtbare eenheden aan de buitenkant), plugins (onzichtbare code) en content (de artikelen). WordPress kent “Posts”, “posts”, “posts” en dan nog een paar plugins en versleepbare widgets.
Drag en drop. Daar ben ik een voorstander van. Gewoon omdat dit prettig is. Ook daarbij geldt: dat gaat snel. Gewoon slepen naar de juiste plaats en de widget en aanpassingen hoeven vervolgens niet eens opgeslagen te worden. Na het slepen is de aanpassing al doorgevoerd.
– Snelle uitbreiding mogelijk. Het pluginbeheer is uniek in verhouding tot Joomla (al denk ik dat dit in Joomla ooit aangepast gaat worden). Plugins geven iets extra’s aan de website. Ik had vanavond een contact formulier nodig. Ik ga naar “plugins” en daat zie ik een zoekbalk. Kijk, bij Joomla ontbreekt dat. Daar moet ik eerst naar Google en aan meneer Google vragen of er ergens in de wereld een Joomla extensie bestaan die te gebruiken is binnen mijn idee en concept. Maar WordPress heeft gewoon zijn eigen geintegreerde zoekfunctie. Ik type “Contact form” em jawel, ik zie een twintigtal mogelijkheden die ik met enkele klikken kan integreren in mijn website. 1) zoeken, 2) installeren 3) activeren en 4) slepen naar de juiste positie. Snel geleerd en nog leuk ook.

Doet de webmeester.nl ook aan WordPress?
Jazeker! Ik onderhoud een vrij populair blog wat te vinden is via www.dewebhulp.nl (dewebmeester.wordpress.com ). O ja, dat wist u al want dat is het WordPress blog waar u zich nu bevindt. Elke dag vinden tientallen mensen hier antwoorden op hun vragen. Ook biedt de webmeester.nl via de website een overzicht aan WordPress mogelijkheden en designs (http://dewebmeester.nl/wordpress.html ). Verder zijn er in het verleden verschillende acties geweest betreffende WordPress sites (zie: https://twitter.com/dewebmeester/status/243573824753385472 ). Maar ik heb vanavond sterk het gevoel dat we te weinig aandacht hebben gegeven aan WordPress in verhouding tot de aandacht die Joomla bij ons heeft gekregen. Beide systemen hebben zo hun voor- en nadelen en ik zal daar in andere blog posts meer aandacht aan geven. Reacties gewenst!

P.s.: Bijna vergeten te vermelden maar www.dewebmeester.nl heeft zich verbonden aan het concept www.dewordpressmeester.nl ; Daarmee is denk ik wel duidelijk gemaakt hoe dewebmeester.nl WordPress wardeert. Positief! Neem ook even een kijkje op www.dewordpressmeester.nl (WordPress website van dewebmeester.nl).

Snelheid (Joomla) website

Dit weekend heb ik weer getest met de laad snelheid van enkele Joomla websites. Het blijft een beetje een onafgemaakt verhaal en een zoektocht en vandaar een blog post hierover. Het begon dit weekend met een opmerking van een kennis dat www.projektduga.nl wel erg traag was en dat daardoor mogelijk mensen waren afgehaakt. Even op een rij waarom pagina laad snelheid belangrijk is:
1) (en dat is ook echt prioriteit nummer 1): Bezoekers vinden het onprettig als ze moeten wachten op het openen van een pagina. Dat ergert (toch?). Daardoor haken ze af of komen minder vaak of helemaal niet meer terug bij uw website. U gaat failliet!
2) Hiermee verbonden: Google gaat u straffen voor een langzame website. Want zo redeneert men bij Google: al is de pagina nog zo goed zoekmachine vriendelijk gemaakt (tags, megatags, content e.a.), dan is het toch beter dat een bezoeker deze pagina niet te zien krijgt.
3) De Alexa ranking daalt. Die houdt tenslotte rekening met aantal keren dat pagina bezocht wordt.
4) Deze drie zaken hebben invloed op elkaar en een website zit dan ook ALTIJD in een negatieve of een positieve spiraal. Zie illustratie:

Meten van de laad snelheid van uw website
Daarvoor bestaan verschillende “tools”; Bijvoorbeeld:
1 – de firebug extensie “Pagespeed”. Te installeren als addon in Firefox na installatie Firebug in Firefox. Vervolgens wordt Pagespeed als een aparte tab weergegeven binnen Firebug. Dat betekent: Firebug activeren na opvragen pagina, klikken op tab “Pagespeed” en vervolgens op “Analyse website” en er volgt een getal tussen de 0 en 100 waarbij 100 sneller dan het licht betekent (en sneller dan Google bijvoorbeeld), 0 tot 50 dat er nog veel werk te doen is en dat u kans loopt op straf van Google en dat bezoekers zich ergeren aan de traagheid van uw website, 50 tot 70 dat er nog veel te verbeteren valt, 70 tot 80 dat de snelheid in orde is maar beter kan, 80 tot 90 dat u de maximum snelheid bereikt hebt. Google zit op 98. www.projektduga.nl zal op 57.
2 – Android applicatie Pagespeed. Aan te raden. Iedereen heeft wel een smartphone tegenwoordig en dat is wel zo snel werken. Gewoon de applicatie installeren en url intypen en getal verschijnt. Ok, nu krijg je niet de lijst met adviezen de de Firebug extensie wel biedt maar toch, het is de snelste manier van werken.
Maar: de Android extensie en de Firebug extensie leveren niet dezelfde getallen. Testen van www.dejoomlameester.nl levert bij -1 – een snelheid van 33 (!!!) en bij – 2 – een snelheid van 57. Niet best alle twee. Daar ga ik tijdens het schrijven van deze blogpost wat aan doen.

Hoe snelheid te verbeteren?
Daar heb ik al aandacht aan besteed in een vorige blogpost. Maar dat was niet voldoende. Ik probeer opnieuw wat mogelijkheden.
In geval van een Joomla website is het volgende mogelijk:
1) Inschakelen cache in de algemene instellingen onder “Server”
2) Inschakelen Gzip compressie in algemene instellingen onder “Systeem”
Nadat ik dit gedaan heb voor www.dejoomlameester.nl , verbetert de score binnen Firefox / Firebug van 33 naar 42. Nog steeds erg slecht. Hiermee ook nogmaals de opmerking dat Joomla websites in het algemeen trager zijn dan “gewone” html/css websites en dat Joomla websites dus extra aandacht nodig hebben (altijd) om de snelheid van een pagina te optimaliseren. www.dewebmeester.nl zit direct op een score van 83 zonder dat ik daar ooit extra aandacht aan heb gegeven (gewonen html / css website).
3) Binnen de plugin manager van Joomla zoek ik op “cache” en schakel de plugin “System cache” in. Pagespeed geeft vervolgens nog steeds als advies om compressie in te schakelen terwijl snelheid niet is toegenomen wat me het idee geeft dat het toch wel even duurt voordat pagina snelheid anders geindexeerd gaat worden.
4) Ik schakel de plugin “RokGantry cache” in. Oftewel: je moet even kijken binnen welk template systeem de Joomla site draait en kijken of dit systeem cache opties biedt.
5) Ik ga via template beheer naar de gebruikte template die binnan Gantry draait en klik op “Advanced” en schakel ook daar de Gantry cache in. Ondertussen blijf ik overigens testen of webpagin wel normaal weergegeven wordt.
Tussenstand: 37 / 100!!! Vreselijk!! Het lijkt allemaal alleen maar trager te worden!! Maar geen nood. Dit weekend heb ik www.projektduga.nl volgens dit schema aangepast en dat leverde een verbetering op van 54 naar 84! Dus houdt goede moed! (Vandaag staat ww.projektduga.nl op 77/100 wat ok is.)
6) We kunnen ook gebruik maken van externe extensie. Als eerste denk ik dan aan de gratis extensie “Icespeed” van icetheme.com . Daarbij opgemerkt dat ik niet erg goede ervaringen heb met deze plugin. Maar anderen wel en dus wil ik het blijven proberen. Problemen met deze plugin: het is me nog niet gelukt de plugin te installeren en activeren op een Joomla 2.5 website zonder grote problemen te krijgen. De plugin gooit de layout soms in de war en is vrij “stevig” wat betekent dat aanpassingen binnen de website mogelijk gewoon lange tijd niet zichtbaar worden. De cache moet dan ook herhaaldelijk handmatig opgeschoont worden tijdens het aanpassen van de website. Maar: de plugin biedt een handig tooltje: een kwastje rechtsboven, je klikt erop en je cache wordt opgeschoont. Nu heb ik de plugin geinstalleerd binnen een Joomla 1.5 website (www.dejoomlameester.nl) en als ik dan direct het resultaat meet dan is het antwoord: 42 / 100 ; Nog steeds niet veel verbetering…….
7) Ik wacht en laat over enige tijd de nieuwe resultaten weten. Overigens: de website www.projektduga.nl heeft een veel betere page load index dan www.dejoomlameester.nl (op dit moment) terwijl de website veel meer tijd nodig lijkt te hebben om te laden dan www.dejoomlameester.nl ; de ervaring van de bezoeker kan dus een andere zijn dan de ervaring van Google?
Tot zo.

Update; een uurtje later. Er is geen verandering in snelheid van zowel http://www.projektduga.nl als http://www.dejoomlameester.nl ; Google geeft aan dat ik de compressie aan moet zetten (Enable Compression) maar dat is dus al aangepast in de algemene instellingen. Ik kom tot de ontdekking dat:

8) het nodig is op Gzip ook op de server (hostingabonnement) te activeren. Nu draait http://www.projektduga.nl gedeeltelijk op een cloudserver en het is maar de vraag of die Gzip kan afhandelen.

9) Evaluatie. What happened!!!! De website is op speed load beland en is nu bijna net zo snel als Google zelf! Zie illustratie:

pagespeed in firefox en firebug Geweldig toch? 91 / 100 ! Dat heb ik nog nooit beleefd. En dat voor een Joomla website! Maar hoe komt dit nu? Ik heb net:

10) de .htaccess file aangepast. Er bleek een oude redirect in de oude .htaccess file te zitten. Ik heb deze hele file vervangen door een .htaccess file uit een 2.5.7 Joomla pakket. Maar verder heb ik daarin de volgende code geplaatst om de melding “Leverage browser caching” te voorkomen:

<IfModule mod_headers.c>
Header unset ETag
Header unset Last-Modified
</IfModule>
FileETag None
<FilesMatch "\.(ico|gz|JPG|jpg|jpeg|png|gif|js|css|swf)$">
Header unset Cache-control
Header set Expires "access plus 1 month"
</FilesMatch>

Maar zoals de illustratie hiernaast laat zien: dat heeft op zich niet veel opgelost (melding krijg ik nog steeds). Conclusie is: een redirect via .htaccess file leidt tot vertraging! (Toch? Of is dit een foute conclusie? Reactie gewenst!) Wat verder opvalt (en dat is de reden volgens mij van de snelheid van de website) is dat “Enable compression” en “Combine images into CSS sprites” ineens een rood driehoekje hebben gekregen en niet meer een rode bol voor zich hebben.

Dag 2

pagespeed dejoomlameester.nlVerassing!! De page speed van http://www.dejoomlameester.nl is binnen 24 uur verbetert van 33/100 naar 91/100!! Ja, ik was ook verrast toen ik vandaag de nieuwe test deed. Blijkbaar hebben sommige plugins en instellingen tijd nodig om effect te scoren. Zie afbeelding.

(Externe) plugins die ik heb gebruikt:

– System Cache plugin

– RokGantry cache plugin

– RokGzipper plugin

Extra mogelijkheden (niet geactiveerd voor deze site):

– JCH optimize plugin

– Rokbooster

WordPress demonstratie website van dewebmeester.nl Vandaag werk ik weer eens met wordpress. Dat ga ik meer doen. Beter dan Joomla? In ieder geval sneller. Reacties zijn welkom.

http://cheap-web.nl/wordpress1/

%d bloggers liken dit: