In de huidige digitale wereld zijn mobiele apparaten belangrijker dan desktopcomputers. Daarom raden SEO-experts aan om zich meer op mobiele apparaten te concentreren in plaats van desktopcomputers.
Als jouwWordPress website snelheidNiet snel, dan zijn je publiek en Google daar ontevreden over, waardoor je zichtbaarheid en verkeer verliest.
Als je wilt voorkomen dat problemen met de mobiele paginasnelheid het aantrekken van bezoekers en het maken van enthousiaste klanten in de weg staan, geven we hier enkele tips om de laadsnelheid van je mobiele website te versnellen.
Laten we eerst eens kijken hoe snel uw website is.
- Ga naar Denk met Google's " Test uw bewegingssnelheid" pagina, Voer vervolgens de URL in om uw website te scannen.
- Hiermee wordt de mobiele website geanalyseerd om HTML en CSS, JavaScript, samendrukbaarheid, bruikbaarheid te controleren en ook uw Wordpress-website te vergelijkenPaginasnelheid, Andere sites in uw branche.
- Nadat de scan is voltooid, ziet u de laadtijd van uw mobiele pagina, geschatte bezoekersverliezen en branchevergelijkingen.Het zal u ook vertellen hoeveel laadtijd kan worden verminderd door enkele fixes toe te passen.
Inhoud
- 1 Hoe u uw mobiele website sneller kunt laten laden
- 1.1 Kies de juiste host
- 1.2 Content delivery netwerk gebruiken
- 1.3 Vraag de hostingprovider om de nieuwste versie van PHP te updaten
- 1.4 Cache-plug-in gebruiken
- 1.5 Ruim de database op
- 1.6 Gecomprimeerde afbeelding
- 1.7 Hotlinken van afbeeldingen uitschakelen
- 1.8 Comprimeer uw website met gzip
- 1.9 Verklein CSS- en JS-bestanden
- 1.10 In leven houden inschakelen
- 1.11 Omleidingen verminderen
- 1.12 Pingbacks uitschakelen
- 1.13 Converteer uw mobiele website naar een sneller formaat
- 2 Hallo, leuk je te ontmoeten.
Hoe u uw mobiele website sneller kunt laten laden
Hier zijn de stappen om de laadtijd van WordPress-pagina's op mobiele apparaten te verbeteren:
Kies de juiste host
De laadsnelheid van pagina's hangt af van uw webcodering, maar hangt ook volledig af van uw webhostingserver.Dit betekent dat uw server langer zal wachten om te reageren op browserverzoeken, wat van invloed is op de laadtijd van de pagina.Daarom is snellere webhosting belangrijk of wordt aanbevolen om de laadtijd van de website te optimaliseren.
U kunt kiezen uit verschillende hostingplannen, waaronder VPS of dedicated servers, die betere services bieden dan gedeelde servers.
Evenzo zullen hostingservers bij u in de buurt of uw doelgroep de laadtijden vertragen.Als u meer bezoekers uit de VS krijgt, moet u een hostingserverlocatie kiezen voor dezelfde locatie (de VS) waar de webpagina snel kan worden weergegeven.
Content delivery netwerk gebruiken
Evenzo, als je al een virtueel hostingplan hebt gekocht en niet tevreden bent met de locatie van de server, kun je altijd het CDN gebruiken om de hosting aan te vullen.CDN verdeelt het gewicht van de site over veel verschillende servers en elke server wordt gehost in een ander datacenter.Om de rol van dit servernetwerk te spelen, moet elke gebruiker de inhoud krijgen van de server die zich het dichtst bij hen bevindt.Dit verkleint de afstand die de inhoud moet afleggen, waardoor de laadtijd wordt versneld.
Dit is een voorbeeld van het gebruik van een content delivery netwerk
Vraag de hostingprovider om de nieuwste versie van PHP te updaten
PHP is de open source scripttaal die we gebruiken om de WordPress-website en zijn functionele ruggengraat te vormen.Het maakt niet uit voor hands-on codering met PHP, het bestaat altijd op serverniveau en als het niet wordt bijgewerkt, kan dit een impact hebben op de snelheid van de mobiele pagina.
Wanneer u voor de eerste keer een WordPress-site instelt, moet uw webhost automatisch de nieuwste versie van PHP selecteren.Tenzij je gehoste PHP-updates hebt ingeschakeld, moet je in deze status blijven.We raden u aan de PHP-versie bij te werken met het hostingondersteuningsteam.
Cache-plug-in gebruiken
Voor WordPress-sites is een van de snelste en gemakkelijkste manieren om de laadsnelheid van pagina's te vertragen, het installeren van een caching-plug-in, zoals:WP Total Cache或WP Super Cache.Beide plug-ins kunnen gratis worden gedownload en zijn erg goed.Hoewel de naam een cache-plug-in is, is de belangrijkste functie van een cache-plug-in browsercaching.
Ruim de database op
Een van de valkuilen van WordPress is dat je database snel erg rommelig kan worden door opgeslagen concepten, postrevisies, uitgeschakelde plug-ins, enz.. WP-OptimizeIs een uitstekende plug-in, het zal periodiek alle onnodige dingen verwijderen, waardoor bestanden uw database verpesten.
Gecomprimeerde afbeelding
Als u WordPress gebruikt, installeer dan de WP Smush.it-plug-in om afbeeldingen automatisch te comprimeren.Hierdoor wordt de afbeelding kleiner zonder verlies van visuele kwaliteit.Het voordeel van deze plug-in is dat elke keer dat u een nieuwe afbeelding uploadt, deze op de achtergrond wordt uitgevoerd.Je kunt het ook achteraf uitvoeren op alle afbeeldingen die naar de mediabibliotheek zijn geüpload
Hotlinken van afbeeldingen uitschakelen
Wanneer andere sites "hotLink" naar uw afbeelding,Het verbruikt bandbreedte, waardoor de snelheid van de website afneemt.Om te voorkomen dat andere sites uw bandbreedte verbruiken, kunt u dit codefragment aan uw .htaccess-bestand toevoegen.Vergeet niet om de inhoud van example.com te wijzigen!
RewriteEngine on
RewriteCond% {HTTP_REFERER}! ^ $
HerschrijfCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]
Comprimeer uw website met gzip
Gzip is een eenvoudige methode voor het comprimeren van websitebestanden om bandbreedte te besparen en de laadtijd van pagina's te versnellen.Gzip werkt door bestanden te comprimeren tot zip-bestanden, waardoor de browser van de gebruiker sneller kan worden geladen.Vervolgens decomprimeert de browser van de gebruiker het bestand en geeft de inhoud weer.Deze methode om inhoud van de server naar de browser over te brengen is efficiënter en bespaart veel tijd.
U hoeft alleen de volgende code aan het .htaccess-bestand toe te voegen om Gzip in te schakelen:
# comprimeer tekst, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE-toepassing / xhtml + xml
AddOutputFilterByType DEFLATE-toepassing / rss + xml
AddOutputFilterByType DEFLATE-toepassing / javascript
AddOutputFilterByType DEFLATE-toepassing / x-javascript# Of comprimeer bepaalde bestandstypen op extensie:
SetOutputFilter DEFLATE
Om te controleren of Gzip is ingeschakeld of goed werkt op uw site, kunt u Gziptest.com gebruiken.
Verklein CSS- en JS-bestanden
Als u kijkt naar de oorzaken van het langzaam laden van webpagina's, heeft dit waarschijnlijk te maken met een groot aantal onhandige Javascript-bestanden of een lage CSS-laadefficiëntie.Een van de tekortkomingen van WordPress en andere contentmanagementsystemen is dat er bijna elke keer dat een nieuwe plug-in wordt geïnstalleerd een nieuw JS- of CSS-bestand wordt toegevoegd.
Er zijn verschillende manieren om bestanden te verkleinen.De eerste methode omvat het comprimeren van alle bestanden in één bestand, dus in plaats van tien afzonderlijke javascript-bestanden aan te roepen, hoeft u alleen al het javascript in één bestand te plaatsen.
Het tweede aspect van verkleinen is het verwijderen van witruimte en het kleiner maken van het bestand.Als u WordPress gebruikt, is WP Minify een geweldige plug-in die al dit werk automatisch voor u kan doen.
In leven houden inschakelen
HTTP keep alive verwijst naar een bericht dat tussen de clientcomputer en de webserver wordt verzonden om toestemming te vragen om een bestand te downloaden.Door Keep-Alive in te schakelen, kunnen clientcomputers meerdere bestanden downloaden zonder herhaaldelijk om toestemming te vragen, wat bandbreedte bespaart.
Om Keep-Alive in te schakelen, kopieer en plak je de volgende code in je .htaccess-bestand.
Header instelling verbinding in leven houden
Omleidingen verminderen
Hoewel 301 (permanente) omleidingen de voorkeur hebben boven 404-fouten (gebroken link), zijn ze nog steeds niet ideaal omdat ze de tijd vertragen die de browser nodig heeft om de juiste versie van de pagina te bereiken.
Screaming Frog is wederom een goede tool om 301-omleidingen te ontdekken.Als u een pc gebruikt, kunt u ook Xenu Link Sleuth gebruiken, een goed hulpmiddel voor het schrapen van gegevens van websites.
Pingbacks uitschakelen
Citaten en citaten hebben eigenlijk geen praktisch nut in WordPress, maar zijn meestal standaard ingeschakeld.Ik raad aan om deze twee opties uit te schakelen omdat ze de database blokkeren en het aantal uitgegeven verzoeken verhogen.
Om pingback uit te schakelen voor elk bericht dat u publiceert, gaat u naar "Beheerder" → "Instellingen" → "Discussie" en schakelt u de optie "Linkmeldingen (pingbacks en citaten) van andere blogs toestaan" uit.
Converteer uw mobiele website naar een sneller formaat
Er zijn twee indelingen voor websites en webpagina's geïntroduceerd om ons te helpen beter om te gaan met trage laadtijden op mobiele apparaten.Beide zijn uitgebreid besproken op deze blog, dus ik wil er hier niet te veel tijd aan besteden.Ik wil echter snel samenvatten waarom het nuttig kan zijn om een mobiele website te migreren naar een of beide van de volgende indelingen:
AMP: AMPHet is een afkorting van "Accelerated Mobile Pages".Er zijn veel factoren die ervoor kunnen zorgen dat deze pagina snel wordt opgemaakt:
- Het vertrouwt voornamelijk op lichtgewicht HTML.
- Het maakt gebruik van lui laden.
- De inhoud van de pagina wordt gecached in Google Cloud.
Hoewel je het op elke website kunt gebruiken, is het vooral handig voor digitale publicaties en blogs die een snelle leeservaring willen bieden.Bovendien is het eenvoudig te implementeren - je hebt alleen een WordPress-plug-in nodig om pagina's te converteren.
PWA:PWAHet is een afkorting van "Progressive Web App".Het maakt optimaal gebruik van het mobiele netwerk (zoekbaarheid en gemak) en combineert het met mobiele applicaties (dat wil zeggen, een mobielvriendelijker ontwerp en telefoonfuncties).Het is ook veel sneller dan traditionele mobiele websites.
Een ander ding om op te merken is dat PWA offline toegankelijk is als een mobiele applicatie.Als uw website is gericht op mensen die in gebieden met weinig of geen dekking wonen, dan is PWA een goede keuze.
Omdat PWA de website in de shell van een vergelijkbare applicatie plaatst, is het niet nodig om de te converteren webpagina te selecteren.Als je van begin tot eind een betere en snellere ervaring wilt creëren, bouw deze dan in de vorm van PWA (of converteer je website).
Hoewel er enkele WordPress-plug-ins zijn die je kunnen helpen om van je website een soort PWA te maken, is het het beste om deze plug-in helemaal opnieuw te schrijven.
Nu, nogmaals, u kunt overwegen om Google's " Test uw bewegingssnelheid" pagina En vul de URL in om je website te scannen, wat is nu je score?
Het is opnieuw belangrijk om uw mobiele website regelmatig opnieuw te bezoeken om ervoor te zorgen dat deze zo snel mogelijk werkt.