Share
In het vorige artikel hebben we het belang van snelheid in internet besproken en enkele basistips besproken voor het versnellen van WordPress. In dit artikel gaan we nog eens vijf tips behandelen om uw website nog verder te optimaliseren.
Laten we, zonder meer te introduceren, een duik nemen in de volgende reeks prestatietips!
Hier zijn nog enkele tips voor het verbeteren van de snelheid van uw website:
Als je de wereld wilt laten zien dat je video de piano speelt tijdens het skateboarden, is het een slimmere optie om deze naar YouTube te uploaden in plaats van te uploaden naar je eigen server. Dus waarom niet hetzelfde doen voor afbeeldingen, of zelfs CSS- en JavaScript-bestanden?
CDN's of "netwerken voor het leveren van inhoud" dienen dit doel. En vanwege hun aard zijn ze meestal sneller dan je server wolk magie. Bovendien is het sneller om bestanden van twee servers te krijgen dan om ze van de ene server te halen vanuit het perspectief van de browser.
Terwijl de CDN-markt wordt gedomineerd door betaalde diensten zoals Amazon CloudFront, MaxCDN en vele anderen, veel meer, er zijn ook gratis diensten. Ik stel voor dat je het uitprobeert en ziet hoe CDN's werken door Jetpack te installeren vanaf WordPress.com en de "Photon" -module te activeren. Als u meer kracht en maatwerk nodig heeft, kunt u migreren naar betaalde services zonder iets te verliezen.
Afbeeldingen zijn belangrijk voor uw webpagina's, omdat ze meestal de aantrekkelijkste delen van de pagina zijn. Maar het gebruik van veel afbeeldingen kan het gewicht van uw pagina verdubbelen, verdrievoudigen of verviervoudigen en uw pagina's kunnen langer duren om het laden te voltooien.
Als u minder afbeeldingen kunt gebruiken, is dat slechts een deel van de snelheidsoptimalisatie ("gezond verstand"), maar als het een beter idee is om grote afbeeldingen te bewaren, kunt u proberen die afbeeldingen te optimaliseren, zodat ze minder ruimte in beslag nemen en minder tijd nodig hebben om te laden.
In andere tutorials over het versnellen van WordPress op het internet, lijkt iedereen WP Smush.it te suggereren en het doet het werk redelijk goed, maar ik ga door en suggereer EWWW Image Optimizer. Het heeft een grappige naam, maar ik denk dat het een beter alternatief is voor WP Smush.it omdat het meer bestandstypen kan comprimeren en meer opties heeft om mee te spelen. Probeer elke een uit en beslis voor jezelf.
Het tonen van een mobiele gebruiker exact dezelfde pagina die een desktopgebruiker ziet is zo 2010. Tegenwoordig gebruikt iedereen "responsief webontwerp", wat het ontwerp herschikt en verandert voor verschillende schermafmetingen, zodat gebruikers de pagina gemakkelijker kunnen zien.
Maar dat betekent meestal dezelfde pagina (met hetzelfde gewicht) en alleen het ontwerp veranderen totdat het op de schermen van mobiele apparaten past, en mobiele gebruikers met een hoge snelheid van mobiel internet waarderen het niet als ze 10 seconden wachten om een pagina te laden . Hoe geweldig zou het zijn als we in plaats van het ontwerp dynamisch te veranderen voor mobiele apparaten, we een heel ander, schoner ontwerp zouden kunnen laten zien?
Blijkbaar zijn daar ook plug-ins voor. De eerder genoemde Jetpack van WordPress.com heeft een module met de naam "Mobile Theme", die zonder enige moeite een eenvoudig mobiel thema voor je neerzet. Als u meer controle wilt, kunt u WPTouch Mobile Plugin bekijken, die gratis is maar ook een "pro" -versie heeft die meer mobiele thema's biedt dan de gratis versie.
Heb je ooit de prestaties van je thema beoordeeld? Als je dat niet hebt gedaan, ben je niet de enige: mensen hebben de neiging om verliefd te worden op een thema en zien het feit over het hoofd dat het teveel afbeeldingen bevat, geen geoptimaliseerd CSS-bestand heeft, vreselijke HTML-uitvoer heeft, of maakt honderden zoekopdrachten op elke pagina. We zijn natuurlijk menselijk en we kunnen afgeleid worden door een prachtig ontworpen thema ... maar onthoud: prachtig ontworpen maar vreselijk gecodeerde thema's zullen beschadig uw website meer dan een niet-zo-sexy thema met een solide codestichting.
Controleer de snelheidsscore van uw website van PageSpeed en installeer de Admin Bar Queries-plug-in om de prestaties van uw thema te evalueren. Als u ziet dat het thema uw website vertraagt, moet u een ander thema uitproberen dat eenvoudiger is dan wat u nu gebruikt.
Let op: een goed ontwerp hoeft niet per se overspoeld te worden met afbeeldingen. Soms minder is meer-vooral in het 'platte ontwerp'-tijdperk waarin we leven!
Ik weet het, plug-ins zijn geweldig. U krijgt nooit genoeg functionaliteit en functies van plug-ins die uw website verrijken. Een invoegtoepassing voor het tellen van berichten hier, een stemmechanisme voor reacties daar ... en binnenkort zult u zich afvragen waarom de server zes seconden wacht voordat de pagina wordt geladen.
Je zou kunnen zeggen dat ik praat als een hypocriet omdat ik al veel plug-ins in dit artikel heb voorgesteld. Wees gerust dat ik geen hypocriet ben: het gebruik van veel plug-ins vertraagt je website niet, maar gebruikt veel plug-ins die interactie hebben met de front-end. Vooral degenen die databasevelden op elke paginaweergave wijzigen.
Ironisch genoeg kun je testen welke plug-ins je website langzamer maken een andere plug-in installeren. De plug-in P3 (Plugin Performance Profiler) voert tests uit via uw pagina's en meet de tijdkosten van elke plug-in, zodat u een idee krijgt van welke plug-ins de website het meest vertragen.
Zoals ik aan het begin van deze serie zei, snelheid altijd zaken. Je moet het constant in de gaten houden, dus deze artikelen zijn niet "doe dit maar één keer en je bent goed om te doen" soort tutorials. Ik zeg niet dat je deze tutorials als bladwijzer moet gebruiken, maar je moet deze tutorials als bladwijzer gebruiken.
Heb je iets toe te voegen aan deze serie? Vertel ons wat je denkt door hieronder te reageren. En als je het artikel leuk vond, vergeet dan niet om het met je vrienden te delen!
Accentsconagua