Hallo vrienden. Dit is mijn eerste bericht in 2011 en daarin zal ik je vertellen hoe je je WordPress-blog kunt versnellen dankzij een paar eenvoudige geheimen. Oh trouwens, gelukkig nieuwjaar allemaal! Veel geluk voor jou en iedereen met het allerbeste!
Dus ter zake. Nu zal ik je 10 tips vertellen om een blog op WordPress te versnellen. Persoonlijk heb ik mijn blog drie keer versneld nadat ik alle stappen had uitgevoerd waarover ik je nu zal vertellen.
Ga eerst naar deze service en controleer de laadsnelheid van uw blog. Voer het adres van uw blog (site) in het formulierveld in, plaats “5” in de andere 2 formulieren en klik op “Time It”. Hier is mijn snelheid (foto hieronder) na het werk dat is gedaan om de blog te versnellen. In eerste instantie was het 6,88 - wat ik echt niet leuk vond, het is eigenlijk heel lang.
1. Het allerbelangrijkste. Installeer een plug-in voor blogcaching (ik raad Hyper Cache aan). Er is ook WP Super Cache, maar om eerlijk te zijn vind ik het om de een of andere reden niet leuk. Hyper Cache is veel beter, eenvoudiger en efficiënter. U kunt in dit artikel lezen over het installeren en configureren van deze plug-in -
Deze plug-in bewaart kopieën van alle pagina's van uw blog in een aparte map en wanneer een gebruiker een bepaalde pagina van uw blog in de browser opvraagt, wordt deze kant-en-klaar aan hem gegeven, zonder enige formatie, databasequery's, enz. Over het algemeen is de belasting van de server minimaal.
2. Installeer de plug-in - Optimeze DB. Dit is ook een belangrijke plug-in om je blog te versnellen. Deze plug-in optimaliseert uw volledige blogdatabase. Nadat u het hebt geïnstalleerd, logt u in op het beheerderspaneel. Tools - Optize DB en klik ongeveer 1-2 keer per maand op de knop "optimaliseren". Wanneer geoptimaliseerd, schakel dan de plug-in uit om de blog niet te overbelasten!
3. Installeer de CSS Compress-plug-in. Dit is ook een belangrijke plug-in om je blog te versnellen. Deze plug-in comprimeert het stylesheetbestand van uw blog en versnelt het. Ik heb deze plug-in niet omdat deze niet bij mijn blogthema past, dus als je na het installeren van de CSS Compress-plug-in problemen hebt met je blog, worden afbeeldingen weergegeven, tekst vervormd, worden widgets niet correct weergegeven, enz. . d., deactiveer vervolgens deze plug-in en dat is alles, geen probleem...
4. Optimaliseer uw blogthema style.css-bestand. Meestal bevindt het zich op dit adres: wp-content/themes/theme/style.css
Om dit te doen, downloadt u het van de server naar uw computer, gaat u naar styleneat.com, gaat u naar het tabblad Bestand uploaden en uploadt u daar uw style.css-bestand. Heb je het geladen? OK. Klik op - CSS organiseren. Hierna geeft het systeem u een kant-en-klaar geoptimaliseerd style.css-bestand dat u opnieuw moet uploaden naar de server in het thema van uw blog.
AANDACHT!!! Zorg ervoor dat u, voordat u dit doet, een kopie maakt van uw oude style.css-bestand, aangezien het heel goed mogelijk is dat er problemen optreden bij het weergeven van de inhoud van uw site na het optimaliseren van dit bestand. Maar meestal zijn er geen problemen.
5. Bewerk het header.php-bestand van het thema van uw WordPress-blog, u zult namelijk een beetje PHP-code moeten vervangen. Dit zal uw blog AANZIENLIJK versnellen, omdat u het aantal databasequery's vermindert. Ik denk dat velen van jullie veel dingen misschien niet begrijpen, dus ik zal in het Russisch spreken.
Kijk hier. Een persoon op internet volgt een link naar uw blog en er wordt een HTML-pagina gegenereerd (tekst verschijnt op de juiste plaats, afbeeldingen worden weergegeven, de blogtitel, de beschrijving ervan, trefwoorden, enz., enz. worden weergegeven). Ik denk dat dit begrijpelijk. Maar hoe gebeurt dit?
En dit gebeurt omdat het hoofdbestand van onze blog, header.php, verzoeken naar de database verzendt. Het zit zo: "Hé basis, iemand hier heeft deze pagina nodig, vertel me wat er op de blogpagina moet worden weergegeven en wat niet nodig is."
De database accepteert het verzoek en stuurt pas daarna de benodigde gegevens naar het header.php-bestand, waardoor de bloginhoud wordt weergegeven. Over het algemeen is dit elementaire PHP.
Open nu het header.php-bestand van uw blogthema. Laten we zeggen dat mijn voormalige header.php-bestand is, laten we eens kijken wat erin stond, van regel 1 tot en met 18:
Wat we zien. Laten we een van de regels zeggen:
Dit is een databasequery. header.php stuurt een verzoek naar de database zoals: “De database moet een html-pagina voor een persoon genereren. Wat moet er op deze plek naar voren worden gebracht?” En je moet de codering uitvoeren.
De database verwerkt het verzoek en stuurt nog een code naar de blog. Ga nu naar de hoofdpagina van je blog en druk op ctrl + U. (paginabroncode). Wat zien we? In plaats van onze code is er al een andere - verwerkt. Ik heb deze:
Jij hebt zeker dezelfde.
Dus hier is het. Er zijn veel van dergelijke verzoeken aan de database in het header.php-bestand. Het blijkt dat wanneer een gebruiker een pagina van uw blog in de browser opvraagt, er overeenkomstig veel verzoeken aan de database zijn, en dit belast de server al en vertraagt het werk van de blog. Stel je voor hoe de server wordt geladen als 1000 mensen tegelijkertijd jouw blogpagina's opvragen. Ik denk dat je alles begrijpt.
Laten we de taak gemakkelijker maken voor onze server en het werk van de blog versnellen door simpelweg enkele zoekopdrachten in de database te vervangen door kant-en-klare antwoorden. Om dit te doen, kijkt u eenvoudigweg naar uw header.php-bestand en vervangt u de databasequerycode daarin door de code die u op de pagina ziet nadat u op ctrl + U hebt gedrukt.
Nu kopieer ik deze code en plak deze in het header.php-bestand in plaats van wat het voorheen was. Waarom hebben we extra query's nodig in de sjabloon? Dat is eigenlijk alles in die geest. Wijzig dus uw codes en versnel uw blog. AANDACHT!!! Alle zoekopdrachten die tussen tags staan, hoeven niet te worden gewijzigd!!!
Over het algemeen kun en moet je het verwijderen, ik schreef hierover in het artikel - “”.
6. Breng alle scriptcodes over van het header.php-bestand naar het footer.php-bestand. Kijk. Er komt iemand naar je blog, de pagina wordt geladen en er worden niet alleen verschillende zoekopdrachten naar de database verzonden, maar er worden ook verschillende scripts geladen, dus de persoon moet wachten tot alles is geladen.
Je hebt waarschijnlijk veel scriptcodes in het header.php-bestand tussen de tags die het laden van de pagina vertragen, dus ik raad je aan deze codes uit te knippen en ze in het footer.php-bestand te plaatsen.
Wanneer een bezoeker nu uw blogpagina laadt, worden eerst de lay-out en stijlen geladen, en daarna alle andere scripts, waardoor de persoon niet uitputtend hoeft te wachten en nerveus wordt...
Voeg ook deze code toe aan het footer.php-bestand:
7. Installeer de plug-in DB Cache Reloaded. Deze plug-in is gewoonweg SUPERB!!! Het vermindert het aantal zoekopdrachten naar de blogdatabase meerdere keren. Geïnstalleerd, geactiveerd, alles!!!
8. HET ADVIES IS NIET RELEVANT!
9. Bescherm uw blog tegen spam. Hier zijn veel verschillende plug-ins voor. Als spammers uw blog dag in dag uit aanvallen, zal dit een zeer grote belasting op de server veroorzaken en de snelheid van de blog aanzienlijk verminderen.
10. Wanneer je afbeeldingen in blogposts laadt, gebruik ze dan zo klein mogelijk - dit is alles. En ten tweede: geef altijd de breedte en hoogte op in de afbeeldingsinstellingen, zodat de robot bij het laden van de pagina onmiddellijk de grootte ervan ziet en er niet naar zoekt in de database - dit is tenslotte een extra last.
Hier zijn mijn tips voor jullie, vrienden. En update natuurlijk uw blog vaker, nadat u eerder een back-up heeft gemaakt, en update ook plug-ins. Kijk trouwens eens naar alle plug-ins die je gebruikt; er zijn er die in principe niet nodig zijn, en verwijder ze dan gerust.
Nou, dat is alles, ik eindig hier. Als iemand nog andere ideeën en verschillende manieren en trucs heeft om een blog te versnellen, plaats dit dan in de reacties. Heel interessant! Veel succes vrienden!
Met vriendelijke groet, Alexander Borisov
Zoals u weet, evalueert de Google-zoekmachine een site met behulp van meer dan 300 parameters, en Yandex is nog verder gegaan en houdt rekening met meer dan 700 factoren die van invloed zijn op de zoekresultaten. De meeste zijn onbekend, maar we kennen zeker een paar dozijn van de belangrijkste parameters die op hun best moeten zijn als u wilt dat uw site de top bereikt. Een daarvan is de laadsnelheid van uw bron.
Bovendien is de snelheidskarakteristiek zelf verdeeld in verschillende punten, namelijk:
- Browser cache
- JavaScript en CSS-code
- HTML code
- Beeldformaten en hun “gewicht”
- gzip-compressie
- Elementgroottes
- Pop-upvensters
- Serverwerking
- Aantal elementen per pagina
We controleren eerst onze site; hiervoor maken we gebruik van twee prachtige gratis diensten. Bepaling van de laadsnelheid – Google PageSpeed Tools en site-analyse PR-CY. Er zijn er nog meer, maar ik denk dat deze de beste zijn en de meest nauwkeurige schatting geven.
Als u ze gebruikt, zult u begrijpen dat er geen ideale sites zijn! Iedereen heeft zijn deel van de fouten en probleemgebieden.
Stap 2. De grootte en het “gewicht” van afbeeldingen op de site wijzigen Afbeeldingen kleiner maken Hoe afbeeldingen kleiner te makenDit is een van de belangrijkste punten, omdat afbeeldingen het laden het meest vertragen. En één oplossing is om hun gewicht te verminderen. Er zijn verschillende methoden die u hiervoor kunt gebruiken.
We verkleinen de grootte voordat we deze naar de site uploaden.
U kunt de grootte wijzigen vóór het "vullen"; hiervoor worden grafische editors of speciale programma's gebruikt. De eenvoudigste manier om dit te corrigeren is in de banale "Verf". Reduceer tot enkele tientallen kilobytes.
Wij gebruiken WordPress-plug-ins.
Ik gebruik deze methode in combinatie met de eerste. Om te beginnen verklein ik grote afbeeldingen in de editor, en vervolgens worden ze automatisch gecomprimeerd wanneer ze naar de server worden geüpload met behulp van de WP Smush-plug-in. Het is het meest populair en gemakkelijk te gebruiken. Eenvoudige interface en automatische bediening. Bovendien kunt u reeds gedownloade afbeeldingen comprimeren voordat u deze plug-in installeert. Dit gebeurt heel eenvoudig: ga naar de bibliotheek met mediabestanden en klik naast elk bestand op "Nu smushen".
Wanneer u nieuwe afbeeldingen uploadt, worden deze automatisch aangepast.
Naast WP Smush zijn er ook andere plug-ins waar ook veel vraag naar is. Het wordt veroorzaakt door het feit dat sommige conflicten veroorzaken tussen degenen die al bestaan. Daarom kunt u degene kiezen die bij u past. Hier is een lijst ervan.
WordPress-plug-ins voor beeldcompressie:
- WP-plug-in - EWWW Image Optimizer
- WP-plug-in – TinyPNG / TinyJPG
- WP-plug-in - Formaat van afbeelding wijzigen na uploaden
- WP-plug-in - ShortPixel Image Optimizer
- WP-plug-in - Kraken Image Optimizer
- WP-plug-in - Imagify
- WP-plug-in - Optimus
- WP-plug-in - CW-beeldoptimalisatie
- WP Plugin – SEO-vriendelijke afbeeldingen
- WP-plug-in - Lazy load
- WP-plug-in - Comprimeer JPEG- en PNG-afbeeldingen
- WP-plug-in - BJ Lazy Load
- WP-plug-in – Prizm Image
Ik merk ook op dat sommige zowel een gratis versie als een betaalde versie hebben. Het belangrijkste verschil is het aantal reeds gedownloade afbeeldingen dat op de server kan worden gecomprimeerd.
Stap 3. Wij optimaliseren de weergave van afbeeldingen op WordPress-pagina’s. Verbetering van de bruikbaarheid De gebruiker bepaalt zelf de maatIk denk niet dat het de moeite waard is om te bespreken of een afbeelding op volledige grootte of de miniatuur ervan sneller wordt geladen. Het antwoord ligt voor de hand! Maar met de miniatuur kunt u uw screenshot of foto niet volledig bekijken. Vooral als er inscripties op staan. Hoe te zijn!? Er is een gulden middenweg: afbeeldingen vergroten met een muisklik, de wp-plug-in zal ons hierbij helpen - . Ik weet zeker dat het de beste in zijn soort is, het heeft helemaal geen instellingen. Geïnstalleerd - het werkt - erg handig en eenvoudig.
Dus wat doen we. Installeer en activeer de Auto-highslide-plug-in. Alle afbeeldingen moeten in middelgroot formaat worden weergegeven en in het linkgedeelte moet er "Mediabestand" staan - anders werkt de Auto-highslide-plug-in niet. Kijk naar de onderstaande schermafbeelding.
Dit is erg handig; de afbeeldingsgrootte wordt gekozen door de lezer van uw pagina's. De browser laadt alleen de gemiddelde grootte en laadt niet de afbeelding op volledige grootte, dit verhoogt de snelheid van de site. En indien nodig vergroot de gebruiker de afbeelding met één klik. Gebruiksvriendelijkheid is vijf sterren!!! Zeer comfortabel!
Overigens is de WordPress-plug-in - Auto-highslide niet beschikbaar om te downloaden via het beheerderspaneel, u kunt deze downloaden van onze VKontakte-groep in de documentensectie. En een volledig artikel over hem.
Stap 4. Caching van wp-websitepagina's WordPress-cache instellen De WordPress-cache instellenPaginacaching is de belangrijkste parameter voor de laadsnelheid van websites. Mogelijk zijn er fouten in CSS en JavaScript, maar de cache moet worden geconfigureerd. Het kan de laadsnelheid van uw bron meerdere keren verhogen. Ja, ja, je hebt het meerdere keren goed gehoord!
Er zijn verschillende opties
De eerste is om het .htaccess-bestand aan te passen, maar ik probeer niet te sleutelen aan de code van mijn eigen sites, wat ik je adviseer te doen. Het is beter om de specialisten te vertrouwen. Als u echter een risico wilt nemen, plaatst u de volgende code in het .htaccess-bestand:
FileETag MTime-grootte
Verloopt Actief op
ExpiresDefault "toegang plus 1 jaar"
De tweede methode, de meest voorkomende, is het gebruik van een caching-plug-in. De eenvoudigste onder hen is WP Super Cache. Het is niet conflicterend, eenvoudig in te stellen en past op de meeste WordPress-blogs.
U kunt WP Super Cache downloaden via het beheerderspaneel. Installeren en activeren.
WP Super Cache-instellingen
We doen alles zoals in de onderstaande screenshots:
En vergeet niet om uw instellingen op elk tabblad op te slaan!
Er zijn ook andere WordPress caching-plug-ins:
- WP-plug-in - WP-cache
- WP-plug-in - Hyper Cache
- WP-plug-in – WP-Cache.Com
- WP-plug-in - WP Rocket
- WP-plug-in – WP snelste cache
- WP-plug-in - WP Fast Cache
- WP-plug-in - Wordfence Falcon
- WP-plug-in - W3 Totale cache
- WP-plug-in - Superstatische cache
- WP-plug-in - Echt statisch
- WP-plug-in - Cache van het volgende niveau
- WP-plug-in - Lite-cache
- WP-plug-in - Hyper Cache uitgebreid
- WP-plug-in - Gator-cache
- WP-plug-in - Flexicache
- WP-plug-in - Cachify
- WP-plug-in - AIO-cache
- WP-plug-in - Alpha-cache
- WP-plug-in – Bodi0's Easy Cache
- WP-plug-in - Zen Cache (voorheen Quick Cache)
- WP Plugin - Snelle cache (snelheid zonder compromissen)
Van alle genoemde zou ik W3 Total Cache willen opmerken - dit is de meest populaire caching-plug-in, het aantal downloads is buiten de hitlijsten. Maar het zal moeilijk te configureren zijn voor beginners, er zijn veel parameters. Bovendien kan de site crashen als deze niet correct is geconfigureerd en de servers zwak zijn. Ik heb gelezen dat de ontwikkelaars beloven het maximale uit de hosting te halen bij gebruik ervan.
Versnelt de weergave van pagina-elementen Stap #6. Vermindering van het aantal HTTP-verzoeken, gzip-compressie Uitstekende plug-in voor versnelling Geweldige plug-in om te versnellenWe blijven WordPress versnellen. Het eerste dat we in deze sectie doen, is de Far Future Expiration Plugin installeren. Dit is een vrij eenvoudige plug-in, het vermindert het aantal HTTP-verzoeken. Bovendien staat het het gebruik van gzip-compressie toe.
Plugin-instellingen voor toekomstige vervaldatum
Belangrijk!!! Als u al gzip-compressie gebruikt met een andere plug-in, vink dan het selectievakje Gzip-compressie inschakelen aan, zodat er geen conflicten optreden. Laat me je eraan herinneren: als je caching-plug-ins hebt geïnstalleerd, let dan op: ze gebruiken ook gzip. Als u W3 Total Cache of WP Super Cache heeft, moet Enable Gzip ook aangevinkt zijn.
Stap #7. Wij optimaliseren CSS-, JavaScrit- en HTML-codes Hoe codes op WordPress te optimaliserenBij het optimaliseren en inkorten van codes zijn er twee opties: sleutelen aan de blog of een plug-in installeren. Ik zal de eenvoudigste ervan aanbieden. Je raadt het waarschijnlijk al?! Laten we de Autoptimize-plug-in nemen. Het wordt beschreven in het artikel.
Installeren en activeren. En sla de standaardinstellingen op. Er is niets ingewikkelds daar.
Trouwens, hij heeft een alternatieve optie: Better WordPress Minify.
Stap #8. Hoe u de responstijd van een WordPress-server kunt verkorten Probleem met de server of websiteEr kunnen veel opties zijn waarom de responstijd van de server meer dan een halve seconde bedraagt, maar er zijn slechts twee opties: problemen aan de serverkant of aan de sitekant.
Hoe een probleem op de site op te lossen.
Gebruik om te beginnen analysehulpmiddelen, de twee populairste die ik aan het begin van dit artikel heb voorgesteld. Google raadt zelf aan aandacht te besteden aan probleemgebieden, namelijk het inkorten van codes, het optimaliseren ervan, het verplaatsen van de meest resource-intensieve en het blokkeren van codes naar de kelder, zodat de responstijd van de server niet meer dan 200 milliseconden bedraagt.
Wis bovendien spam, leeg de prullenbak, verwijder ongebruikte plug-ins, tags en vermeldingen.
Stap #9. Het aantal elementen op de pagina verminderen Wij maken de site eenvoudig en begrijpelijkBesteed aandacht aan online zwaargewichten, sites met een groot publiek en de meest populaire bronnen. Eenvoud onderscheidt hen! Handig menu, goede bruikbaarheid, intuïtieve navigatie.
Hetzelfde zou op uw website moeten staan! Verwijder onnodige blokken uit zijbalken, verminder het aantal categorieën, introduceer een hiërarchie in secties. Voeg in lange artikelen shortcodes toe, eventueel items die openen door te klikken, bijvoorbeeld zoals in dit artikel. Gebruik geen lange HTML-codes en scripts, indien mogelijk, verplaats ze naar de onderkant van de pagina. Gebruik indien mogelijk geen pop-upvensters - niemand vindt ze leuk, noch zoekmachines, noch echte mensen!!!
Maar er is één belangrijke verduidelijking: als u de site verandert en iets nieuws toevoegt, nieuwe plug-ins of menu-elementen, zijbalken en andere dingen, kunnen de testresultaten veranderen!!!
Dat is alles hiervoor. Als je vragen of aanvullingen hebt op het artikel, schrijf ze dan in de reacties!
In contact met
Uw WordPress-site maximaal versnellen. We verhogen de laadsnelheid van de site.Zoals u weet, evalueert de Google-zoekmachine een site met behulp van meer dan 300 parameters, en Yandex is nog verder gegaan en houdt rekening met meer dan 700 factoren die van invloed zijn op de zoekresultaten. De meeste zijn onbekend, maar we kennen zeker een paar dozijn van de belangrijkste parameters die op hun best moeten zijn als u wilt dat uw site de top bereikt. Een daarvan is de laadsnelheid van uw bron. Bovendien is het snelheidskenmerk zelf verdeeld in verschillende punten, namelijk: Browsercache JavaScript en CSS-code HTML-code Serverresponstijd Laden van zichtbare inhoud Beeldformaten en hun “gewicht” gzip-compressie…
BeoordelingZoals u weet, beginnen zoekmachines momenteel veel aandacht te besteden aan de laadsnelheid van sites, omdat iedereen overal communicators, telefoons, tablets, smartphones gebruikt en ze zware blogs hebben en, in het algemeen, sites, zoals u zelf weet je, laad heel langzaam, omdat ze meestal vol zitten met verschillende scripts, zware inhoud en andere eigenaardigheden, het is goed als je een gehuurde vps hebt, of je eigen speciale webserver thuis - daar kun je je site met 1000% een boost geven - maar op gedeeld Het hosten van alles is veel ingewikkelder - we nemen wat ze geven, en dat is alles, maar zoals je hebt gehoord, kun je van stront snoep maken. WordPress-optimalisatie gaat niet alleen over het versnellen van het laden van pagina’s op uw site, maar het is ook belangrijk om te weten dat u met de juiste inhoud en site (accumulatie van linkmassa), een toename van TIC en PR, zeker de beste resultaten zult bereiken TOP van Google en Yandex. Nu zullen we met een paar klikken met behulp van plug-ins zien hoe motoroptimalisatie werkt op Wordpress en hoe we het werk van Wordpress kunnen versnellen. Het eerste dat we moeten doen, is hier https://developers.google.com/speed/pagespeed/insights/ kijken - onthoud uw resultaten, kijk hoe Google Speed de laadsnelheid van de pagina heeft beoordeeld, laten we doorgaan wordpress optimalisatie.
Een WordPress-site versnellen met behulp van plug-ins1) WP-Optimize - optimaliseert uw database, verwijdert alle concepten uit de database en andere onzin, waardoor de database meerdere keren wordt verkleind, de database van de site werkt iets sneller, ik raad ook aan om bij het hosten naar de database te gaan beheermenu en verwijder daar alle onnodige tabellen van eerder geïnstalleerde plug-ins die eerder zijn verwijderd en niet langer worden gebruikt - dit zal ook de database van uw site versnellen. Maar dit is allemaal onbelangrijk, als uw blog verkeer ontvangt van een klein aantal bezoekers, dan heeft dit geen bijzondere invloed op de prestaties (nodig voor zwaar belaste projecten of voor zeer, zeer beperkte gratis hostingbronnen), maar ik raad u toch aan dit te doen in de toekomst zijn er geen speciale instellingen nodig, alles is gewoon duidelijk en begrijpelijk.
2) WP-HTML-compressie - met de naam van de plug-in denk ik dat je al raadt welke functie deze vervult. Zo niet, dan zal ik je vertellen wat de pagina's van je site comprimeert en het laden van pagina's versnelt. De plug-in heeft geen instellingen; als u de Autoptimize-plug-in installeert, hoeft u de plug-in niet te installeren, aangezien deze functie al aanwezig is in de autooptimizer.
3) WP Resized Image Quality - Wijzig het compressieniveau van gedownloade afbeeldingen en miniaturen. — magere instellingen, een paar regels, alles is duidelijk en eenvoudig — deze plug-in is ook belangrijk voor het versnellen van de site, ik raad aan deze samen met de plug-in Regenerate Thumbnails te installeren. Stel de beeldcompressie in WP Resized Image Quality in op 70% en voer Regenerate Thumbnails uit, je “thumbnails” zullen afvallen en de dappere Google en Yandex zullen hier erg blij mee zijn, en bezoekers ook, want een paar megabytes van de pagina verwijderen zal helpen het sneller te openen in de browser van de bezoeker.
4) Hyper Cache v2.9.1.6 (ik raad nieuwere versies niet aan) - caching-plug-in voor uw site, WP-blog optimaliseren en verminderen belasting op de hostingserver- deze plug-in is belangrijk voor de site, ik heb veel plug-ins geprobeerd en heb voor deze gekozen; ik heb WP SUPER CACHE en WP TOTAL CACHE op drie subdomeinen verlaten. Ik heb deze drie plug-ins geïnstalleerd en Hyper Cache kwam als winnaar uit de bus; het google webmasterpanel bij de statistieken van site-indexering door google bot c 800 ms toegang tot de site verlaagd naar 200-300 ms voor de rest van 400-800 alles leek goed geconfigureerd Hyper Cache wordt beter gebruikt in combinatie met Autoptimize, deze twee plug-ins versnellen het laden van pagina's en verminderen de belasting van de hostingserver en het verbruik van het aan u toegewezen geheugen. Schermafbeeldingen met Hyper Cache-instellingen - doe hetzelfde als weergegeven in de schermafbeeldingen 
instellingen 5) CW Image Optimizer - plug-in voor beeldoptimalisatie voor wp, vermindert het gewicht van het afbeeldingsbestand zonder de grootte ervan te veranderen, dat wil zeggen dat de verhoudingen hetzelfde blijven als vóór de optimalisatie, alle onnodige informatie wordt eenvoudigweg uit de bestanden verwijderd, de kwaliteit van afbeeldingen wanneer geoptimaliseerd door deze plug-in verandert niet, maar het gewicht van de pagina wordt soms met een paar megabytes verminderd, het hangt allemaal af van hoeveel afbeeldingen er op de pagina staan, er is één nuance die niet alle hostingproviders ondersteunen, namelijk is noodzakelijk om deze plugin te laten werken, maar als je een gehuurde VPS of KVM VPS hebt of een eigen homeserver op ubuntu of debian, dan kun je deze module veilig installeren en deze plugin gebruiken
#Enable mod_deflate voor gzip-bestandscompressie op apache2-servers AddOutputFilterByType DEFLATE text/html text/plain text/css application/json AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript AddOutputFilterByType DEFLATE text/xml application/xml text/x-component SetOutputFilter DEFLATE #Gzip inschakelen op nginx- of nginx+apache-servers # Stel de Vary-header in: Accept-Encoding op nginx gzip_vary op mod_gzip_on Ja mod_gzip_item_include bestand .js$ mod_gzip_item_include bestand .css$ mod_gzip_item_include bestand .html$ mod_gzip_item _include bestand .t xt$ # Instellen de Vary-header: Accept-Encoding op apache2 Header toevoegen Vary: Accept-Encoding # gebruik mod_expires ExpiresActive On ExpiresDefault A86400 ExpiresByType afbeelding/x-icon A2592000 ExpiresByType-toepassing/x-javascript A2592000 ExpiresByType tekst/css A2592000 ExpiresByType afbeelding/gif A6 ExpiresByType-afbeelding /png A604800 ExpiresByType afbeelding/jpeg A604800 ExpiresByType tekst/plain A604800 ExpiresByType toepassing/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType toepassing/pdf A604800 ExpiresByType tekst/html A900
En ook URL's en bronnen die het teken bevatten? worden niet in de cache opgeslagen en versies voor css- en js-bestanden worden automatisch toegevoegd aan wordpress pack.js?ver=1.3.4 het ziet er zo uit, page speed raadt aan dit te repareren, en dit wordt gecorrigeerd door een functie toe te voegen aan het function.php-bestand - aan het einde van het bestand
Functie _remove_script_version($src)( $parts = explode("?", $src); return $parts; ) //Verwijder de bestandsversie voor js add_filter("script_loader_src", "_remove_script_version", 15, 1); //Verwijder de bestandsversie voor css add_filter("style_loader_src", "_remove_script_version", 15, 1);
Nu kunt u uw site opnieuw testen en de resultaten vergelijken: hoe hoger de cijfers, hoe beter. Ik zou er ook aan willen toevoegen dat het beter is om thema's van hoge kwaliteit voor wp te gebruiken zonder enige rommel, dan zal het niet moeilijk voor je zijn om onnodige dingen uit je ontwerp te verwijderen, waardoor je blog of website sneller wordt; beetje meer.
- Vertaling
Snelheid en fouttolerantie zijn een van de factoren die steevast de populariteit van uw bron beïnvloeden, want zelfs met de beste inhoud ter wereld zal een trage site lezers irriteren en vroeg of laat zult u ze kwijtraken. In dit artikel zullen we de populairste blog-engine optimaliseren: Wordpress, draaiend op PHP. Laten we tegelijkertijd eens kijken naar een paar algemene punten op het gebied van website-optimalisatie.
1 De huidige snelheid testen Om erachter te komen of er iets is veranderd na onze optimalisatie, kan het geen kwaad om eerst de huidige laadsnelheid van je blogpagina’s te meten, zodat je iets hebt om mee te vergelijken. Er zijn verschillende hulpmiddelen die u hierbij kunnen helpen:Vergeet niet te updaten naar de nieuwste versie van PHP en Apache.
3.1 Ongebruikte services uitschakelen U kunt meer beschikbaar RAM-geheugen krijgen door ongebruikte services uit te schakelen en MySQL en Apache te optimaliseren.- Verwijder ClamD;
- Configureer SpamD om slechts één onderliggend proces te gebruiken;
- Verwijder Mailman, tenzij u natuurlijk van plan bent een e-mailservice te gebruiken.
query_cache_type = 1
query_cache_limit = 2M
query_cache_size = 20M
Om de instellingen van kracht te laten worden, moet u de MySQL-service opnieuw opstarten.3.3 Compiler-cache: XCache of Eaccelerator? De compilercache verhoogt de prestaties van gecompileerde scripts op de server door ze in de cache op te slaan - dit zal de uitvoeringstijd van PHP-scripts helpen verkorten. Het is de moeite waard om beide oplossingen te proberen, maar experimentele resultaten laten zien dat de prestatieverbetering met Xcache 5% hoger is dan met Eaccelerator.3.4 Verhoog het maximale aantal verbindingen op Apache Verhoog het maximale aantal verbindingen op httpd.conf zal de productiviteit verhogen, omdat de server kan meer verbindingen tegelijk verwerken. U moet deze instelling echter zorgvuldig wijzigen om te voorkomen dat de volledige hoeveelheid RAM wordt uitgeput en de server wordt vertraagd. Test daarom altijd nieuwe instellingen voordat u ze in gebruik neemt. Laten we bijvoorbeeld 150 verbindingen tot stand brengen:
max_verbindingen = 150
Vergeet niet de Apache-service opnieuw te starten om de instellingen toe te passen.4 Code en afbeeldingen optimaliseren De server is dus actief en nu is het tijd om met de Wordpress-code te spelen.4.1 Hotlinks uitschakelen Elke keer dat u uw server gebruikt om afbeeldingen op te slaan , gebruikt u aanzienlijk meer bronnen. Heel vaak lenen mensen uw afbeeldingen door ze op hun servers te hotlinken. Dit neemt niet alleen het kanaal in beslag, maar zorgt ook voor een bepaalde belasting van de server.
Voeg de volgende code toe aan .htaccess bestand, waarbij u example.com vervangt door uw domeinnaam om het gebruik van hotlinks uit te schakelen:
< IfModule mod_rewrite .c >
RewriteEngine aan
RewriteCond %(HTTP_REFERER) !^$
RewriteCond %(HTTP_REFERER) !^http://(www\.)?voorbeeld\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -
4.2 Gebruik externe hosting om afbeeldingen op te slaan Het hosten van afbeeldingen op externe servers zal de belasting van de server aanzienlijk verminderen. In het onderstaande voorbeeld zie je een afname in de hoeveelheid RAM die op een van de blogs wordt gebruikt na het verplaatsen van afbeeldingen naar Amazon S3.
4.3 Javascript-code comprimeren Het comprimeren van javascript is een vrij eenvoudige taak. Omdat het bij elke paginaweergave wordt uitgevoerd, kunt u de grootte van het Javascript verkleinen door alle witruimte te verwijderen. Hier is een eenvoudig hulpmiddel dat u hierbij zal helpen - JavaScript Compressor .4.4 Javascript bovenaan de pagina Het komt vaak voor dat de site langzaam begint te laden of helemaal stopt, omdat... een andere bron waaruit javascript wordt aangeroepen (bijvoorbeeld Digg-badges, Tweetmeme, enz.) is niet beschikbaar of is offline. Om dit te voorkomen plaatst u alle JavaScript-code aan het einde van de pagina, en wat om de een of andere reden niet kan worden opgenomen, probeert u deze in een iFrame te plaatsen. 4.5 Gebruik de browsercache De browsercache zelf maakt uw browser natuurlijk niet blog sneller, maar het zal de belasting van de server helpen verminderen, door vaak geladen objecten (stijlen, interface-elementen, enz.) in de cache op te slaan. Probeer de volgende code in .htaccess bestand:
FileETag MTime-grootte
< ifmodule mod_expires .c >
< filesmatch "\.(jpg|gif|png|css|js)$" >
Verloopt Actief op
ExpiresDefault "toegang plus 1 jaar"
4.6 Statische gegevens comprimeren U kunt de laadgrootte van de pagina verkleinen door de browser gegevens in gecomprimeerde vorm te laten accepteren en verzenden. Dit vermindert ook de kanaalbelasting en de hoeveelheid gedownloade gegevens.
De volgende code erin .htaccess kan je hierbij helpen:
AddOutputFilterByType DEFLATE tekst/html tekst/platte tekst/xml-toepassing/xml-toepassing/xhtml+xml tekst/javascript tekst/css-toepassing/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0 no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
4.7 Gebruik een CDN voor statische bestanden Als u alle afbeeldingen op hetzelfde domein opslaat, wacht de browser tot ze na elkaar zijn geladen. Stel dat u er twaalf op de pagina heeft. Als u ze over drie subdomeinen verdeelt, worden ze tegelijkertijd vanuit drie “verschillende” bronnen geladen in plaats van dat ze één voor één door de browser worden geladen.
U kunt proberen alle css- en javascript-bestanden naar files.yoursite.com en afbeeldingen en tijdelijke bestanden naar static.yoursite.com te verplaatsen. Of gebruik eenvoudigweg CDN (Content Delivery Network) - een groot netwerk van servers over de hele wereld, waarmee u niet alleen uw bestanden op verschillende subdomeinen kunt opslaan, wat betekent dat u ze parallel kunt downloaden, maar ook gegevens aan de gebruiker kunt leveren vanaf de server die het dichtst bij hem in de buurt is. Dit alles zorgt ervoor dat u gegevens veel sneller kunt laden.5 Wordpress In dit deel van het artikel zullen we kijken naar technieken voor prestatieverbetering die rechtstreeks op Wordpress kunnen worden toegepast.5.1 Update naar de nieuwste versie Updaten naar nieuwere versies lost niet alleen gedetecteerde kwetsbaarheden op , maar verbetert ook de prestaties. In WordPress 2.8 is het werken met de database bijvoorbeeld aanzienlijk geoptimaliseerd. 5.2 Postrevisies uitschakelen In alle versies van WordPress, vanaf 2.6, werden revisies van uw artikelen automatisch opgeslagen telkens wanneer u ze bewerkte. Dit vertraagt de database en vergroot de omvang ervan onnodig.
Om berichtrevisies uit te schakelen, voegt u de volgende regel toe aan wp-config.php :
definieer("WP_POST_REVISIONS", false);
Om eerder opgeslagen tekstrevisies te verwijderen, voert u de volgende query uit in PHPmyadmin:
VERWIJDER a,b,c
VAN wp_posts a
LINKS JOIN wp_term_relationships b AAN (a.ID = b.object_id)
LINKS JOIN wp_postmeta c AAN (a.ID = c.post_id)
WHERE a.post_type = "revisie" 5.3 Verminder het aantal zoekopdrachten Verwijder onnodige zoekopdrachten om het genereren van pagina's te versnellen. Het volgende is bijvoorbeeld een typische code die in alle WordPress-thema’s wordt aangetroffen:
< meta http-equiv ="Content-Type" content ="< ?php bloginfo ("html_type" ); ?>; tekenset= " />
We kunnen het gemakkelijk herschrijven in:
< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />
Al twee aanvragen minder. Heel eenvoudig, nietwaar? 6 WordPress-plug-ins En tot slot presenteer ik onder uw aandacht verschillende plug-ins die de prestaties van Wordpress kunnen verbeteren. Zodra alles wat hierboven is beschreven is voltooid, helpen deze plug-ins u om nog betere prestaties te bereiken. 26 mei 2014 om 19:05 uur Wordpress versnellen
- WordPress
Wordpress is in de standaardinstallatie behoorlijk traag. Standaard gebruikt de engine sommige functies van het moderne internet niet om de prestaties aanzienlijk te versnellen. Er zijn een hele reeks plug-ins om Wordpress te optimaliseren. Laten we ze op een rij zetten en een grote optimalisatie uitvoeren.
Voordat we beginnen, laten we eens kijken wat de kale Wordpress-installatie laat zien door Pagespeed:
Een score van 76 op 100 is vrij laag. Laten we eens kijken hoeveel we dit cijfer kunnen verhogen.
Servergedeelte van Nginx Als u Nginx nog niet gebruikt, is het tijd om ernaar over te stappen. Een eenvoudige en krachtige oplossing. Configuratie voor het werken met permalinks-ondersteuning en statische caching:Server ( servernaam wp.com; root /var/www/wp; # pad naar WP-index index.php; locatie ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf |rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ ( access_log off; log_not_found uit; verloopt max; # statische caching ) locatie / ( try_files $uri $uri/ /index.php?$args; # permalinks ) locatie ~ \.php$ ( fastcgi_pass unix:/var/run/php5-fpm.sock ; fastcgi_index index.php;
PHP-cache Tenzij u een speciale reden heeft waarom u APC niet kunt installeren, zorg ervoor dat u deze inschakelt. We controleren op de aanwezigheid van APC (als reactie ontvangen we een lijst met APC-instellingen):Php -i | grep apc
PHP-versies na 5.5 hebben een ingebouwde opCache-module, waardoor u APC niet hoeft te installeren.
Afstemming Mysql Wordpress maakt gebruik van InnoDB, waardoor we de MySQL-prestaties aanzienlijk kunnen verhogen door een aantal parameters (my.cnf-bestand) aan te passen aan onze hardware:Het is beter om de InnoDB-buffergrootte in te stellen op de helft van het beschikbare RAM-geheugen:
Innodb_buffer_pool_size = 256M
Vergeet niet MySQL-caching in te schakelen:
Query_cache_size = 32 miljoen query_cache_limit = 1 miljoen
Geavanceerdere MySQL-installatie voor Wordpress.
Caching Dit is het belangrijkste punt. Caching kan een website aanzienlijk versnellen en serverbronnen besparen. Voor de duidelijkheid gebruiken we ab van Apache. Laten we de standaardinstallatie van Wordpress zonder caching controleren. We versturen aanvragen via het lokale netwerk, dus alleen WordPress zelf zorgt voor vertraging:Ab -c 10 -n 500 http://wordpress/
We krijgen een gemiddelde tijd per verzoek van ongeveer 50 ms:
Totaal overgedragen: 4183000 bytes Overgedragen HTML: 4074500 bytes Verzoeken per seconde: 17,62 [#/sec] (gemiddeld) Tijd per verzoek: 567,421 (gemiddeld) Tijd per verzoek: 56,742 (gemiddeld, over alle gelijktijdige verzoeken) Overdrachtssnelheid: 143,98 ontvangen
Chrome laat een gemiddelde responswachttijd van 150 ms zien (server bevindt zich in Nederland):
Als WP Super Cache is ingeschakeld, verkorten we de gemiddelde tijd per verzoek met 25 keer (!):
Totaal overgedragen: 4293500 bytes Overgedragen HTML: 4146500 bytes Verzoeken per seconde: 499,01 [#/sec] (gemiddeld) Tijd per verzoek: 20,040 (gemiddeld) Tijd per verzoek: 2,004 (gemiddeld, over alle gelijktijdige verzoeken) Overdrachtssnelheid: 4184,61 ontvangen
De gemiddelde wachttijd voor een reactie in Chrome is drie keer korter geworden:
Als server-side alternatief voor WP Super Cache kunt u Varnish gebruiken. Hiermee kunt u de tijd voor het verwerken van een verzoek met bijna een orde van grootte verkorten, maar de oplossing zelf is minder flexibel (zeer geschikt voor blogs zonder dynamische elementen).
Stijlen, scripts en afbeeldingenVerkleining en compressie Verkleining van CSS/JS kan 10...15% van hun grootte besparen. Om statische minificatie mogelijk te maken is er een WP Minify-module. Download, activeer en de module begint te werken. Gzip verkleint de grootte van tekstbestanden meerdere keren. In Nginx"e is het als volgt ingeschakeld:Server ( ... gzip aan; gzip_disable "msie6"; gzip_types tekst/platte tekst/css-toepassing/json-toepassing/x-javascript tekst/xml-toepassing/xml-toepassing/xml+rss tekst/javascript-toepassing/javascript; ... )
Afbeeldingen optimaliseren Afbeeldingen kunnen een zeer groot deel van het totale paginaformaat uitmaken. Lossless beeldcompressie kan 30...40% van hun grootte besparen. De EWWW Image Optimizer-module kan dit doen. Om het te laten werken, moet je imagemagick en de gd-bibliotheek installeren:Apt-get installeer imagemagick php5-gd
Goede praktijken en ervaring- Voor WordPress hosting kun je het beste kiezen voor VPS. Op Shared hosting kan veel van wat hierboven wordt beschreven niet worden gedaan. Bovendien is VPS nu behoorlijk goedkoop.
- Test thema's met Pagespeed vóór gebruik
- Leeg de prullenbak
- Verwijder oude berichtrevisies
- Spamreacties verwijderen
- Schakel trackbacks uit als het echt langzaam gaat
- Deel RSS via feedburner
