Testen van WordPress & WooCommerce Plugins in Staging

Lees meer over het testen van WordPress- en WooCommerce-plug-ins in Staging. De gemiddelde e-commerce website verdient ongeveer $ 330,000 per maand aan het einde van het eerste jaar, maar één fout tijdens de installatie van een update of plug-in kan je je deel van de eCommerce-taart kosten. Gelukkig kun je dat voorkomen als je je WordPress- en WooCommerce-plug-ins test in staging.

In dit artikel wordt het proces uitgelegd van het maken van een testwebsite om je WordPress- en WooCommerce-plug-ins te testen, zodat je kostbare fouten kunt voorkomen. Het zal betrekking hebben op:

• Wat enscenering is
• Waarom je WordPress en WooCommerce Plugins zou moeten testen in staging
• Hoe WordPress en WooCommerce Plugins goed te testen
• De tools die je nodig hebt bij het testen van je WordPress en WooCommerce plugins
• Checklist voor het testen van WordPress en WooCommerce plugins en updates
• De rol van geautomatiseerde scripts in updates en installaties van WordPress- en WooCommerce-plug-ins

Wat is enscenering?

In WordPress verwijst staging naar een offline kloon die je van je WordPress-site ontwerpt om te testen. Het is een uitstekend hulpmiddel om je website en plugins te testen zonder invloed te hebben op wat je bezoekers zien.

De offline kloon dient als je testsite en als back-upsite. De timing van de back-up en het klonen is afhankelijk van de grootte van een website, maar Insteekfilters Bied een eenvoudige oplossing. In slechts enkele seconden kunt je een kloon van je website maken, zodat je moeiteloos updates kunt uitvoeren en WooCommerce-plug-ins kunt installeren.

Waarom zou ik WordPress en WooCommerce Plugins testen in staging?

Staging is essentieel wanneer je je website bijwerkt, omdat het kan voorkomen dat je website:

• Breken
• Niet meer beschikbaar
• Werken op sommige apparaten en niet op andere (d.w.z. werken op Apple-apparaten maar niet op Android of werken op laptops maar niet op tablets).
• Verlies van toegankelijkheid van essentiële pagina's (zoals de afrekenpagina, productrecensies of contactformulieren)
• Verlies van toegankelijkheid van het mobiele menu
• Het verliezen van de footer van de site
• Het tonen van het angstaanjagende "White Screen of Death" (WSOD) - een fenomeen waarbij je website alleen een leeg wit scherm toont.

Er zijn veel manieren waarop het starten van updates op je website mis kan gaan, en als je veel verkeer hebt en niet weet dat de site niet goed functioneert, kun je veel verkopen verliezen! Updates lanceren is een taak die kan Maak je gek Als je het niet met een plan in gedachten benadert.

Om al het gedoe te voorkomen, test je je updates en Insteekfilters voordat ze werden gepubliceerd. Je profiteert van veel voordelen door te testen, waaronder:

• Een soepel draaiende website
• Een snelle en veilige website
• Het vertrouwen van je websitebezoekers.

Hoe WordPress en WooCommerce plugins goed te testen

Websiteontwikkeling is een langetermijnspel. Gedurende de levensduur van je website zul je waarschijnlijk verschillende nieuwe updates en plugins lanceren, die soms eentonig kunnen worden. Sommigen zullen het misschien zelfs irritant vinden, maar je kunt de irritante eentonigheid vermijden door de juiste tools te gebruiken en een checklist te maken van alle stappen die je voor en na een update moet nemen.

*Vergeet niet je WordPress-site niet op een vrijdag bij te werken. Je voorkomt veel potentiële chaos en problemen in het weekend.

De tools die je nodig hebt bij het testen van je WordPress en WooCommerce plugins:

• Hulpmiddelen voor schermafbeeldingen op volledige pagina's: Gebruik een schermafbeelding op volledige pagina voor en na het installeren van de plug-in of update.

• Halteplaats: Dit is je gekloonde website.

• Geautomatiseerd scripttesten: Geautomatiseerde tools voor het testen van scripts testen automatisch meerdere scripts op je website nadat je update of plug-in is geïnstalleerd om ervoor te zorgen dat alles werkt zoals het hoort.

• Hulpmiddelen voor het vergelijken van screenshots: Met tools voor het vergelijken van schermafbeeldingen kunt je de voor- en na-schermafbeeldingen die je maakt vergelijken, zodat je eventuele inconsistenties kunt opsporen.

3 Screenshot-tools om je werk te vereenvoudigen

Browserstack Screenshot-tool

Browserstack's screenshottool Maakt het gemakkelijk om schermafbeeldingen te genereren met één klik op de knop. Het enige dat je hoeft te doen, is de apparaattypen en browsers (maximaal 25) te selecteren waarop je je URL's wilt controleren om de tool te gebruiken. De tool doet de rest.

TestingBot Screenshot-tool

TestingBot's screenshottool Hiermee kunt je kiezen uit meer dan 3.200 combinaties van browsers en apparaten om te testen. De tool biedt screenshotvergelijking, bèta- en dev-builds en een native debugging-tool.

CrossBrowserTesting Screenshot-tool

CrossBrowserTesting's screenshottool stelt je in staat om schermafbeeldingen te maken met behulp van de web-app of hun API. Wanneer je de API gebruikt, kunt je meerdere schermafbeeldingen tegelijk maken op je URL's.

Checklist voor het testen van WordPress en WooCommerce plugins en updates

Voor installatie/update

1. Vermeld alle van je premium plugins en thema's die niet automatisch worden bijgewerkt.

2. Ga naar de site waar je je plug-ins en thema's hebt gekocht en zoek naar de meest recente versie van het item.

3. Vermeld de URL's die je na het updaten gaat testen. Je wilt je aangepaste post-type sjablonen, WordPress-sjablonen en de primaire pagina's van je website toevoegen (zoals je contactpagina, homepage, productpagina's, categoriepagina's en afrekenpagina).

4. Lijst van scenario's voor testen. Een gebruiker kan bijvoorbeeld inloggen, naar de productpagina gaan en vervolgens naar de afrekenpagina. Je wilt alle scenario's testen die relevant zijn voor je website.

5. Maak een lijst met testscripts voor het testen van de scenario's.

Op je testsite

1. Dupliceer je hele website naar een testomgeving en zorg ervoor dat MySQL en PHP op beide websites hetzelfde zijn. Afhankelijk van je hostingprovider, kunt je met één klik staging maken. Een paar hostingproviders die het maken van staging met één klik aanbieden, zijn WP Engine, SiteGround en Flywheel.

2. Zorg ervoor dat de testsite overeenkomt met de oorspronkelijke website. Je kunt dit doen met een blik op de site.

3. Maak screenshots van al je URL's met behulp van de schermafbeeldingstool voor volledige pagina's. Zorg ervoor dat je schermafbeeldingen krijgt van alle systemen, zoals Chrome, Firefox, Safari, Edge, Android en iPhone. Er zijn enkele hulpmiddelen om dit proces te vereenvoudigen.

4. Werk het volgende bij:

• • • Thema- en plug-inbestanden
    • WordPress kern bestanden
    • Alle items die niet automatisch worden bijgewerkt.

5. Maak screenshots van de bijgewerkte staging-website. Nogmaals, maak screenshots van alle URL's en systemen.

6. Gebruik je screenshot-vergelijkingstool om de voor-screenshots van stap 3 en de after-screenshots van stap 5 te vergelijken.

7. Voer de testscripts uit die je eerder hebt vermeld. Zorg ervoor dat je formulieren, kassa en andere essentiële onderdelen van je website soepel werken.

Op je live site

1. Maak een back-up van de live site.

2. Maak screenshots van alle URL's.

3. Werk de live site bij.

4. Kijk of alles is bijgewerkt in de backend. Klik op vernieuwen om te zien of de update is mislukt voor iets op de site.

5. Maak de cache van je live site leeg.

6. Maak je screenshots.

7. Vergelijk je screenshots van stap twee met die van stap zes.

8. Voer de testscripts uit die je eerder hebt vermeld.

9. Controleer je website met een snelle visuele controle.

10. Geef jezelf een schouderklopje!

De rol van geautomatiseerde scripts in updates en installaties van WordPress- en WooCommerce-plug-ins

Geautomatiseerde scripts maken het testen van je WordPress-website eenvoudig, maar er zijn andere opties. De eerste is om handmatig te controleren. De andere is om een ontwikkelaar in te huren.

Het maken van een testscript kan tijdrovend zijn, maar het is een vrij eenvoudig proces om het script opnieuw te gebruiken zodra het gemaakt is. Hier zijn de voordelen van het testen van scripts ten opzichte van handmatig testen:

• Het testen van scripts elimineert menselijke fouten.
• Ze besparen je op twee manieren tijd:

1. 1. Bij het draaien van lange scripts kun je het script het controleren laten doen terwijl je je richt op wat de scripts niet kunnen.
   2. Je kunt maximaal 2 apparaten en 4 browsers tegelijk testen.

De belangrijkste les is dat het testen van je WordPress- en WooCommerce-plugins in staging je kan redden van een ramp. Het proces is relatief eenvoudig, en met deze checklist heb je alles wat je nodig hebt voor een succesvolle update.

Of het nu gaat om het bieden van de nodige stappen om je te helpen Installeer je plug-ins in bulk of uitvoeren WordPress of WooCommerce onderhoud , we zetten ons in om je te helpen floreren in e-commerce. Als je wilt dat wij je WordPress beheren zodat je je kunt richten op de kernaspecten van je bedrijf, Neem vandaag nog contact met ons op , en we helpen je graag!