Vroom, Vroom Een uitgebreide gids voor het versnellen van een WordPress-blog

MakeUseOf bedient honderdduizenden bezoekers elke dag en we doen het allemaal op WordPress. WordPress kan en doet schalen van tientallen tot miljoenen paginaweergaven, maar je zult een aantal zwaargewicht plug-ins en strategieën nodig hebben om de prestaties op dat niveau te verbeteren. Hier is een uitgebreide lijst met dingen die je kunt doen om je blog te versnellen en de plug-ins die je kunt gebruiken om het te doen.

Wissel van hostingprovider

Ik heb eerder uitgelegd over de verschillen tussen soorten hosting De verschillende vormen van Website Hosting Explained [Technologie verklaard] De verschillende vormen van Website Hosting Explained [Technology Explained] Lees meer, maar het komt erop neer: shared hosting is erg traag. Als u nog steeds op gedeelde hosting draait, dat is je grootste knelpunt. Een ongelooflijk snel virtuele privéserver kost slechts $ 40 per maand, en geeft je niet alleen een snelle snelheidsboost, maar je kunt ook aanpassingen op serverniveau uitvoeren om WordPress nog meer te versnellen.

Host externe bronnen op een CDN

We hebben het gehad over CDN's Wat CDN's zijn en waarom opslag niet langer een probleem is Wat CDN's zijn en waarom opslag niet langer is Een kwestie CDN's maken internet snel en websites betaalbaar, zelfs als je schaalt naar miljoenen gebruikers. Ten eerste kost bandbreedte geld; die van ons met beperkte contracten weten dat maar al te goed. Niet alleen jij ... Lees meer voor ook; het zijn gewoon snelle filestores die bestanden in lokale caches over de hele wereld spiegelen, dus terwijl de kernsite op uw server wordt uitgevoerd, worden afbeeldingen en JavaScript-bronnen uit het CDN gehaald, wat resulteert in bijna directe downloadtijden. Zonder een CDN zult u zien dat afbeeldingen sequentieel en langzaam worden geladen - u kunt beelden zien terwijl ze regel voor regel worden geladen op sommige gedeelde hosts. Zelfs als we de snelheidsvoordelen negeren, zijn CDN's veel goedkoper om bestanden te hosten dan voor webhosts.

Ik zou MaxCDN voorstellen, die ik persoonlijk gebruik en erg kosteneffectief is, maar om verbinding te maken met WordPress, heb je een plug-in nodig om je image- en bron-URL's te wijzigen in de URL van je CDN-provider. w3 Totale cache Hoe de verschillende W3-instellingen voor de cachege plugin voor uw Wordpress-blog te configureren De verschillende W3-instellingen voor de cacheplugin voor uw Wordpress-blog configureren Een tijdje geleden had ik het over de voordelen van het installeren van de W3TC-plug-in op uw Wordpress-blog om het te versnellen met verschillende caching, maar sommige lezers waren begrijpelijkerwijs een beetje op hun hoede voor ... Lees Meer behandelt dit bewonderenswaardig als je naar een alles-in-één oplossing kijkt, maar voor CDN-functionaliteit alleen, probeer deze:

• jsDelivr is een gratis Javascript-CDN die alle verschillende scripts die WordPress gebruikt van hun CDN zal laden; je kunt kiezen en kiezen om te laden. Ze zullen je afbeeldingen echter niet hosten.
• WPSuperCache wordt elders vermeld; het bevat CDN-ondersteuning met de toevoeging van CDN Sync Tool.
• WPBooster heeft een speciale plug-in, hoewel de serviceprijs veel hoger is dan een algemene CDN.

Als je grote bestanden (zoals muziek of pdf's) hebt waar snelheid niet essentieel is, Amazon s3 4 geweldige toepassingen voor Amazon's S3 Web Services 4 geweldige toepassingen voor Amazon's S3-webservices Ondanks dat Amazon het meest bekend staat om zijn retaildiensten, bieden ze eigenlijk een groot aantal webservices voor ontwikkelaars en thuisgebruikers die profiteren van de ervaring en schaalbaarheid van Amazones met enorme hoeveelheden ... Lees meer is een nog goedkopere optie om ze van uw server te verwijderen. Het kan ook worden gebruikt als een CDN, maar is niet zo snel (Amazon doet ook een CDN genaamd CloudFront waar je misschien naar wilt kijken).

Minimaliseer tekstbestanden

HTML en Javascript zijn over het algemeen menselijk leesbaar; dat wil zeggen dat ze opmerkingen, onnodige tabbladen, regelafbrekingen en nuttige namen bevatten - die allemaal een bestand groter maken. Minimalisatie verwijdert al dat overbodige spul en comprimeert het bestand, zodat het nog steeds perfect functioneel, maar aanzienlijk kleiner is. Het enige nadeel is dat de ontwikkeling op een live server een beetje moeilijker kan zijn omdat de code is verborgen, zoals deze:

Een secundair proces dat vaak wordt gebruikt met minimalisatie is om combineren afzonderlijke Javascript- en CSS-bestanden. Elk script op uw site resulteert in een extra verzoek aan de server; door ze allemaal te combineren, kan het geheel in één worden gegrepen zonder verlies van functionaliteit.

Beide kunnen weer worden gedaan met w3 Total Cache, of u kunt de stand-alone JS & CSS Script Optimizer-plug-in gebruiken. Het enige moeilijk met minimaliseren is ervoor zorgen dat de laadvolgorde correct is; sommige scripts zijn afhankelijk van anderen, dus u wilt bijvoorbeeld jQuery bovenaan, dan misschien jSON en jQuery UI, dan eindelijk uw eigen themascripts.

Wijzig serversoftware

De meesten van ons begrijpen Apache als de “web Server” software die de meeste sites draaien - maar het is zeker niet de enige webserver-software die er is. NGINX is een sneller alternatief - we gebruiken het hier bij MakeUseOf. WordPress kan prima worden uitgevoerd op NGINX, maar u moet wel lezen hoe u de site correct configureert. Er zal bijvoorbeeld geen .htaccess herschreven worden, dat WordPress gebruikt om mooie permalinks te maken - hetzelfde wordt bereikt in NGINX-configuratiebestanden. [Prestatietest grafiek van Joe Williams]

Memcached en APC zijn aanvullende caching-systemen die u op uw server kunt installeren - verschillende caching-plug-ins kunnen hier vervolgens van profiteren binnen WordPress, zoals w3 Total Cache of WP SuperCache. Pas echter op dat dit behoorlijk geavanceerd is en dat je uiteindelijk je VPS verliest als je iets verkeerd doet; zorg ervoor dat je een volledige systeemimageback-up van je VPS maakt voordat je dit soort aanpassingen probeert - hetzelfde geldt voor NGINX. Deze wijzigingen vallen buiten het bestek van dit artikel, maar op een Google-zoekopdracht “hoe te memcached op mediatemple te installeren” of je gastheer zal het werk goed doen.

Voorkom valse verzoeken

CloudFlare Uw website gratis beschermen en versnellen met CloudFlare Uw website gratis beschermen en versnellen met CloudFlare CloudFlare is een intrigerende start-up van de makers van Project Honey Pot die claimen uw website te beschermen tegen spammers, bots en andere kwaadaardige webmonsters - en uw site enigszins versnellen ... Lees meer is een geweldige gratis service waar we het eerder over hadden en een van mijn essentiële installaties op elke nieuwe site. Het fungeert als een quasi-CDN om sommige van uw pagina's in de cache op te slaan en plaatst ook een firewall tussen uw site en de inkomende verzoeken door uw DNS-host te vervangen. Dit betekent dat het kwaadwillende scans, bots en dergelijke kan bevatten en voorkomen dat het uw site ooit bereikt; het vrijmaken van uw bandbreedte voor echte gebruikers. Het implementeren hiervan is net zo eenvoudig als het wijzigen van de DNS-instellingen; of als je host met MediaTemple, mijn favoriete VPS-provider die onlangs de CloudFlare-service heeft aangeschaft, is het een installatie met één klik in je accountinstellingen.

Maak dingen statisch

WordPress-blogs zijn dynamisch en gedreven door databases - dit betekent dat WordPress elke keer dat iemand uw site bekijkt, rondloopt wat het nodig heeft uit de database en de pagina genereert. Maar realistisch gezien verandert de pagina niet zoveel, tenzij je hem update of iemand een opmerking toevoegt. Dus waarom zou je elke keer een nieuw exemplaar serveren? Dit is de kernfunctie van plug-ins voor caching w3 Total Cache en WP SuperCache. Als je dit echter tot het uiterste wilt aanpakken, genereert WP Static HTML Output volledig platte HTML-bestanden van je hele site. U kunt deze plug-in zelfs gebruiken om uw WordPress-site offline te maken en de voltooide gecompileerde website dan overal te uploaden. Het is belangrijk om in gedachten te houden dat dynamische pagina-elementen niet meer werken wanneer een pagina in de cache wordt opgeslagen - dus kijk naar Javascript-oplossingen van derden, zoals LiveFyre of Disqus 4 Disqus-widgets die meer reacties op uw blog stimuleren 4 Disqus-widgets die meer reacties zullen stimuleren Op je blog Bloggen is echt hard werken. Dat feit kun je niet omzeilen. Tussen het technische werk dat gemoeid is met het ontwerpen en onderhouden van een website, het regelmatig produceren van reguliere inhoud en het bewerken van het werk van elke ... Lees meer, voor commentaar.

Verminder de plug-ins

Ja, ik realiseer me de ironie van het suggereren dat je plug-ins in een artikel verwijdert waarover de beste WordPress-plug-ins zijn om te installeren. Het verwijderen van plug-ins hoeft echter niet te betekenen dat je de functionaliteit verliest: overweeg alternatieven zoals ingesloten Javascript-peilingen in plaats van een poll-plug-in; of overweeg de hardcoding van een deel van de functionaliteit rechtstreeks in je themabestanden.

Bijvoorbeeld, in plaats van het hebben van een volledige plug-in om gewoon een aantal knoppen aan het einde van elk bericht toe te voegen, open de single.php sjabloonbestand en leer hoe u ze zelf kunt toevoegen. In plaats van je eigen image gallery te hosten, overweeg dan om Flickr te uploaden en dan widgets te gebruiken om ze weer te geven.

Helpt dit echt bij het versnellen van WordPress? Ja - elke plug-in die u nodig heeft, moet een set opties uit de database lezen telkens wanneer deze wordt uitgevoerd, die allemaal de laadtijd van de kernpagina's vertragen. Hoe meer dingen u uit deze keten kunt verwijderen of elders volledig kunt verplaatsen, hoe sneller uw blog kan worden uitgevoerd.

Samenvatting

Ik wilde een uitgebreid overzicht geven van alle manieren om een ​​WordPress-blog te versnellen, en ik ben er vrij zeker van dat ik dat heb bereikt. Als je denkt dat ik iets gemist heb, zou ik graag wat van je horen in de reacties. Als je dit bericht op prijs stelt, deel het dan met je vrienden, en zorg ervoor dat je al onze ontwikkelingsgerichte artikelen leest.

Meer informatie over: Bloggen, Webmasterhulpprogramma's, WordPress-plug-ins.