Share
In de eerste twee delen van deze serie hebben we caching, databaseoptimalisatie, compressie, minificatie en het gebruik van een CDN met onze WordPress-websites besproken. In dit laatste deel gaan we het hebben over beeldoptimalisatie en het gebruik van WordPress met gezond verstand.
Laten we beginnen!
Het is zeer waarschijnlijk dat afbeeldingen op uw pagina's de grootste items op uw website zijn die door bezoekers worden gedownload. Nu we erover nadenken, is het overduidelijk dat we slim moeten zijn met het uploaden en gebruiken van afbeeldingen op onze pagina's. Dat betekent twee dingen:
Dit is waar beeldoptimalisatietechnieken in het spel komen.
In dit hoofdstuk gaan we enkele handmatige en enkele automatische methoden voor beeldoptimalisatie bekijken.
Als je net als ik bent en je wilt zo veel mogelijk controle over je afbeeldingen hebben, zou je je afbeeldingen handmatig moeten optimaliseren. Er zijn letterlijk honderden technieken voor beeldoptimalisatie en toepassingen voor verschillende beeldformaten (meestal JPEG's en PNG's). Ik adviseer er twee:
Persoonlijk werk ik liever handmatig dan automatisch. Ik maak en bewerk mijn afbeeldingen in Adobe Photoshop, sla mijn afbeeldingen "voor het web" op in 100% kwaliteit, open vervolgens JPEGmini voor JPEG's en RIOT voor PNG's om de bestandsgroottes te verkleinen.
Als u niet alle handmatige arbeid wilt afhandelen, zijn er automatische oplossingen die u kunt gebruiken. Er zijn server-side opties zoals Kraken PRO en JPEGmini Server, maar we zullen ons concentreren op twee zeer nuttige plug-ins voor dagelijks gebruik (of zelfs wat zwaar tillen):
Bijwerken: Het lijkt erop dat Yahoo! gestopt met Smush.it, zodat de plug-in uw afbeeldingen niet comprimeert vanaf versie 1.7.1.1. De plug-in zal echter niet worden verlaten, de ontwikkelaars van de plug-in hebben aangekondigd dat ze de plug-in repareren:
Volgens onofficiële maar behoorlijk betrouwbare rapporten is Yahoo gestopt met het onderhouden van Smush.it :( We gaan echter allemaal als maniakken weg bij WPMU DEV om je een gratis, meer betrouwbare en betere gratis smurrie-ervaring te bieden, gebouwd op onze pro versie van de plug-in en ingepakt in de volgende update. We hopen het heel snel voor je beschikbaar te hebben ... blijf in de tussentijd bij ons, het is het waard, beloof het.
Zelfs als je alle adviezen uit deze serie gebruikt, pas dan elk stuk code toe, en gebruik elke vermelde plugin, je kunt nog steeds niet slagen om je website te versnellen. Dat is de reden waarom dit gedeelte het belangrijkste is: gezond verstand.
Wat bedoel ik met "gezond verstand"? Meestal "wees voorzichtig en voorzichtig", maar laat me het even uitleggen.
Optimaliseer uw website alles wat u wilt; maar als de prestaties van uw server slecht zijn, zullen de prestaties van uw website slecht zijn. Dat is waarom je verstandig moet kiezen.
Ik heb veel WordPress-thema's gezien - zowel gratis als betaald - die er mooi uitzagen, maar ontzettend gecodeerd waren. Goed uitziende, maar slecht gecodeerde WordPress-thema's kunnen een van de belangrijkste boosdoeners zijn van een trage WordPress-website. Je moet kiezen tussen thema's met prestaties in het achterhoofd of je eigen WordPress-thema maken (of laten maken).
Je zou je kunnen afvragen, "Hoe moet ik weten hoe geoptimaliseerd een thema is?" maar het is niet moeilijk, eigenlijk. Selecteer een thema en scan vervolgens de demopagina's (niet alleen de startpagina!) In GTmetrix om hun Google PageSpeed en Yahoo! YSlow-scores en hoe efficiënt de items worden geladen met de weergave "Tijdlijn". Wat de serverbelasting betreft, hoeft u niet veel te controleren of u het zelf niet kunt testen en moet u vertrouwen op caching-plug-ins.
Deze is een no-brainer: als een plug-in assets laadt of databasebewerkingen uitvoert in de front-end, betwijfel dan de noodzaak ervan. Als je het niet echt nodig hebt, verwijder het dan.
U kunt ook een prestatietest uitvoeren op plug-ins met de plug-in P3 (Plugin Performance Profiler) en zien welke plug-ins veel bronnen vereisen.
Deze is een beetje cliché - daarom is dit het laatste stukje informatie in deze serie - maar dat betekent niet dat het verkeerd is: jij moet houd alles bijgewerkt en veilig.
In het tijdperk van informatie is het snel serveren van informatie essentieel. We kunnen niets uitstaan dat niet snel reageert - we vinden dat onze tijd wordt verspild. En we hebben het hier over seconden en milliseconden hier. Het is niet noodzakelijk een goede zaak, maar in een wereld als deze moeten we het volgens het boek spelen.
Er zijn veel artikelen over het verbeteren van de snelheid in WordPress, maar ik wilde iets anders maken. Bij het voorbereiden van deze driedelige serie had ik één ding voor ogen: schrijven groenblijvende inhoud over het versnellen van WordPress. Natuurlijk zullen er betere plug-ins of slimmere technieken zijn, maar de aspecten om WordPress sneller te maken, moeten hetzelfde blijven - tenminste totdat we de kwantumleeftijd ingaan. Ik hoop dat je het net zo leuk vond om het te lezen als ik het leuk vond om het te maken.
Heb je iets toe te voegen? Deel uw mening met ons door hieronder een reactie te geven. En als je deze serie leuk vond, vergeet dan niet om de artikelen met je vrienden te delen!
Accentsconagua