Ondersteuning » Algemeen WordPress » Traagheid van onze website inclusief W3 total cache

  • Dag Mensen,

    Heb al een tijd last van extreme traagheid van onze verenigingswebsite, http://www.devoko.nl .

    Er draaien een aantal plugins en een Thema van maar 250 kb.
    Heb de plugin w3 total cache geinstalleerd en geconfigureerd maar deze doet schijnbaar niet veel.

    Dezelfde vraag al neergelegd bij onze hostingprovider, mijnhostingpartner.nl, maar deze geeft aan dat het aan onze website zelf ligt.

    Hopelijk zijn er mensen met dergelijke ervaring, want het is gewoon zonde omdat de wordpress website gewoon super werkt.

    Ik hoor het graag!
    Gr. Marc

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Patrick.Tingen

    (@patricktingen)

    Het is misschen een optie om naast je huidige site een testsite in te richten (in een map ’test’ in httpdocs) en daar je huidige site in te laden, maar dan met het standaard theme TwentyTen en zonder plugins. Het ziet er dan waarschijnlijk niet uit, maar je kunt dan wel zien of het aan je hostingboer ligt of niet.

    Is de site dan wel flitsend, dan ligt het dus toch aan je thema of aan een van de plugins. Dus: dan één voor één inschakelen.

    Gebruik hiervoor tools van bv pingdomtools zodat je ook echt harde data hebt en niet op het gevoel hoeft af te gaan. Als ik overigens nu kijk naar de laadtijd van je site dan valt de plugin ‘SideBarTabs’ in negatieve zin op…

    Hostingproviders zeggen dit altijd. standaard regel 1 wij hebben het niet gedaan.

    Maar in dit geval zou het ook nog wel eens kunnen kloppen, miss. is hun hosting niet de snelste maar het zal niet drama zijn en een normale website zou onder de 3 sec. moeten kunnen laden.

    Ik heb een screenshot gemaakt van het (na de eerste keer) laden van de homepage.
    http://www.plaatjesupload.nl/bekijk/2011/03/07/1299479112-230.png

    Totaal 4.22 sec. (niet heel erg slecht)
    En je kan zelf zien waar je mag -/moet besparen.

    Maar als ik daarna richting andere pagina’s ga dan loopt het allemaal op rond de 6 sec. Waar dit vandaan komt ik heb geen idee waarom documenten nu ineens zo hoog is??? Zet beide screenshots maar eens naast elkaar en vergelijk ze eens.
    De eerste screen was het laden van je homepage homepage de tweede was het laden van de ‘over Rabobank DeV…’ pagina.
    http://www.plaatjesupload.nl/bekijk/2011/03/07/1299479380-230.png
    En dan kan je zien dat er toch nog 2.57sec aan stylesheets wordt geladen.

    Hier valt veel op te besparen maar het is nu eenmaal hoe meer plugins hoe meer stylesheets hoe meer code hoe meer ruimte hoe meer er geladen dient te worden daar verander je niets aan.

    Ook zie ik dat je stylesheet van je thema 30KB is veelte groot.
    http://devoko.nl/wp-content/themes/TemplateDevoko8/style.css
    Kijk eens hoeveel witte regels er zijn tussen de stijlen.
    Waarom een spatie tussen al die stijlen als je al die regels eruit haalt dan bespaar je op een stylesheet als deze al snel een regel of 50 tot 100. Dan de korte stijlen met maar 1 of 3 regels in-line zetten en je kan zo 8kb tot 12kb op dat bestand besparen. Mijn Stylesheets zijn nooit groter dan 8kb max. 20kb bij een supersite.

    Daarna is mijn advies. Kijk eerst naar welke plugins zijn echt een Must.
    En ga eens zoeken of je ook bepaalde plugins in je code kan toevoegen ipv via een plugin. Mooi voorbeeld is bijv. de WP-navi plugin deze plugin wordt heel erg vaak gebruikt en voegt totaal niets toe aan je site maar eet wel ruimte op en dat terwijl als deze plugin echt een must zou zijn kan je deze ook via een hack in je site aanbrengen. Dus plugins moet je pas installeren als het echt nodig is. Makers duwen het vaker vol met informatie waar je niets aan hebt en het moet wel allemaal geladen worden.
    Zo zie je zo vaak programmeurs die bijna hun hele levensverhaal vertellen in de code.
    /* deze stijl zorgt ervoor dat je geen border krijgt */
    ..code..
    /* deze stijl is voor ronde hoeken aan een achtergrond van je comments-field */
    ..code..
    /* deze stijl…. en ga zo maar door, zo staan er zeker 25 regels in elk bestand */
    Allemaal informatie waar je niets aan hebt want als je site eenmaal staat staat het vaker 3 jaar voordat er eer iets aan gedaan wordt maar al die informatie moet wel gelezen worden door de browsers en het neemt ruimte in bij de waardebepaling van je bestand zo is een bestand normaal 8KB maar zonde al die rotzooi is het 6KB en dat keer 20 bestanden = 40KB minder laden.

    Dit alles is mijn gedachte hierover..
    Miss. denken andere daar anders over maar ik doe het altijd op deze manier en heb nooit problemen met snelheden.

    Kijk ook hier eens naar, deze persoon weet echt waar hij over praat en laat stap voor stap zien wat hij doet en wat hem in snelheid brengt (before-/after)
    http://daverupert.com/2010/06/web-performant-wordpress/

    Thread starter itsmarc

    (@itsmarc)

    Jongens, super bedankt voor de tips!

    Ik denk dat ik hier voorlopig nog wel een middagje zoet mee ben.

    Ik laat jullie weten of het wat heeft opgeleverd.

    Marc

    In je stylesheet kan je veel doen..

    Ik zie net deze regel:

    .art-PostHeader {
    	text-decoration:none;
    	margin: 0.2em 0;
    	padding: 0;
    	font-weight:normal;
    	font-style:normal;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-variant:normal;
    	text-decoration:none;
    	font-variant:normal;
    	text-transform:none;
    	text-align:left;
    	text-indent:0;
    	line-height:inherit;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 18px;
    	font-style: normal;
    	font-weight: bold;
    	text-align: left;
    	color: #000000;
    }

    Hoezo je spreken met 5 woorden 🙂

    Thread starter itsmarc

    (@itsmarc)

    Tja,, heb niet bepaald veel kaas gegeten van css taal of programmeren in het algemeen maar daar valt uiteraard nog veel bij te schaven.

    De stylesheet is niet doormijzelf gemaakt maar door Artisteer, het programma waar wij de template mee hebben gemaakt.

    Ik heb zojuist mijn style.css geminimaliseerd via de tutorial hierboven.

    Nu nog heel veel meer!

    Ik heb ook even wat regels gewist…

    Standaard heeft je style.css in totaal 1984 regels ..nadat ik de spactie-regels heb gewist en veel in-line heb gemaakt zijn er daar nog maar 794 van over.
    Dit heeft niet veel KB’s gewonnen in ruimte maar het is een start.
    Van 33KB in het begin is het bestand nu nog 29KB. (dit is nog steeds veelte zwaar)

    Maar lege regels wissen heeft minder invloed dan regels met codes wissen die overbodig zijn.
    Zo kan je van web-kleuren #000000 ook #000 maken.

    En als deze stylesheet zijn reset bovenaan had gehad dan had je niet zovaak alles dubbel hoeven te noemen.
    De code ‘font-family’ komt 44 keer voor in deze stylesheet iets dat normaal met een reset maar hooguit 5 keer voorkomt in een stylesheet want ik neem aan dat niemand 5 verschillende lettertypes op zijn/haar site heeft staan.

    En zoals hierboven ‘letter-spacing:normal;’ waarom gaan ze dat noemen als het standaard al op normaal staat.

    En dan dit:

    background-image: url('images/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;

    Dat kan ook allemaal in 1 regel. ( daar heb je er ook 10 van )

    Dan zijn er iets van 15 regels met margin: 0; + 15 regels met padding: 0; ook een beetje zonde als je dit met een reset kan doen. (dan hoef je dit niet zo vaak aan te roepen)

    Nee de persoon die deze stylesheet heeft gemaakt moeten ze de computer afpakken. 🙂
    Ik denk heel eerlijk dat deze stylesheet niet veel groter hoeft te zijn dan elke andere stylesheet welke ik normaal maak en dat dit max. 12KB had kunnen zijn met een goede basis zonder alles 20keer te noemen en te herhalen..

    Ik weet niet of je een Mac hebt maar anders moet je ook eens dit programma downloaden en daar al je afbeeldingen doorheen halen.
    http://imageoptim.pornel.net/

    Ik haalde net je header-1.png erdoor en die ging van 111KB naar 61KB das 43% winst aan geheugen.

    Mits je geen Mac heb maar een Microsoft man hebt moet je even Bingen naar een vergelijkbaar product voor de PC.
    Zoek dan op ‘image reduce tool’

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Traagheid van onze website inclusief W3 total cache’ is gesloten voor nieuwe reacties.