Share
Geen standaardartikel voor het kopiëren en plakken van codes, maar eerder het delen van mijn ervaringen over hoe ik mijn WordPress-site optimaliseer. Om niet te zeggen dat dit de beste is, maar dit zou moeten werken.
Sommige WordPress-thema's of kindthema's gebruiken met name @import-opdracht in het CSS-bestand om de stijl van het bovenliggende thema te importeren. Hoewel deze methode de stijl.css voor het kindthema licht en klein maakt, heeft het wel invloed op de laadtijd, omdat de browser het stijlblad moet downloaden. Het bestand zal niet parallel worden gedownload, maar in plaats daarvan in de wachtrij worden geplaatst, wat uw laadtijd verhoogt.
Wat ik gewoonlijk doe, is de @import-opdracht uit mijn CSS-bestand verwijderen en gewoon het hele CSS-bestand kopiëren dat oorspronkelijk werd geïmporteerd. Door te verkleinen (met W3 Total Cache of Wp-Minify) wordt de grootte van het CSS-bestand verkleind.
Een andere truc is om de label. Volgens de tips voor praktische tips van Google Web Performance, de tag stelt de browser in staat om bestanden parallel te downloaden. Verwijder de @import-opdracht in uw stylesheet en voeg het stylesheet toe in de vorm van:
Kies altijd voor het asynchrone type resourcecodes voor uw sociale knoppen en Google Analytics. Ik denk dat alle gebruikelijke dingen die we op onze site plaatsen (Google Analytics, Facebook Like & Google Plus) al dit type code hebben. Zorg ervoor dat u de bijgewerkte broncodes gebruikt en de asynchrone codes gebruikt.
Meestal zijn die tutorials die je volgt uit een aantal andere blogs maanden geleden geschreven en ze zijn niet bijgewerkt naar de asynchrone codes. Andere gevallen betroffen plug-ins die u gebruikt om sociale knoppen in te voegen. U kunt altijd naar de ontwikkelaar van de plug-in schrijven zodat deze deze codes bijwerkt.
Moet u commentreply.js uitvoeren op uw voorpagina wanneer daar geen opmerkingen zijn? Dat is het algemene idee. Sommige JavaScript in uw thema kan op bepaalde pagina's worden uitgesloten van het uitvoeren van de laadtijd van uw site. Hoe doen we dit?
Een van de oplossingen is om WordPress-plug-in Widget Logic te gebruiken, zodat u de widgets of liever pagina's kunt besturen waarop de widgets zouden verschijnen. Omdat ik in mijn geval geen sociale knoppen op mijn voorpagina weergeef, stel ik de specifieke widget zodanig in dat de scriptbronnen om die knop uit te voeren alleen op afzonderlijke pagina's worden uitgevoerd.
Je zou je kunnen afvragen, waarom zet ik het script niet rechtstreeks in single.php. De reden is dat sinds ik Twenty Eleven gebruik met een kindthema, de zijbalk in de wachtrij wordt geplaatst na de hoofdinhoud. Daarom zal de inhoud in theorie eerst (volledig) verschijnen voordat die knoppen verschijnen. Niemand klikt op de sociale knoppen voordat de inhoud is gelezen, dus u kunt het beste de inhoud snel laten uitkomen voor uw lezers.
De andere methode is om de functie Minify in W3 Total Cache te gebruiken. U kunt feitelijk kiezen waar die verkleinde scripts moeten worden ingesloten (in
, voor of erna ) maar dit vereist veel vallen en opstaan van uw kant. Het idee is om scripts in te sluiten die daadwerkelijk worden gebruikt in uw themaontwerp en de rest ervan daarvoor .Tijdens het proces van vallen en opstaan zal uw site vaak kapot gaan, maar maakt u zich geen zorgen, omdat dit kan worden opgelost door de cookies en de cache te wissen.
CloudFlare is enorm populair geworden bij gebruikers van WordPress. De reden is simpel, hun CDN-netwerk werkt en het is gratis. Met extra beveiliging en bescherming tegen spambots is CloudFlare een goede functie om toe te voegen aan uw WordPress-installatie.
Tegenwoordig kunt u CloudFlare automatisch vanuit uw cPanel installeren (afhankelijk van of uw hostingbedrijf dit ondersteunt of niet). Het is zelfs eenvoudiger om in cPanel te installeren dan door het handmatig te doen.
Het algemene idee om snel een site te maken, is om dingen die nodig zijn om te laden te verminderen, de grootte van de pagina en de nadruk te leggen op scripts die de site eerst hebben opgebouwd dan andere scripts zoals advertenties, sociale knoppen en analyses. Het is raadzaam dat u de structuur van uw thema begrijpt en weet wat er als eerste en als laatste wordt geladen om te bepalen welk script belangrijk is en wat niet.
Ik raad u aan om elke maand enige tijd door te brengen met behulp van benchmarking-tools zoals GTmetrix en Pingdom Full Page Test om uw site te analyseren.
Accentsconagua