BrightPlugins_Logo_Horizontaal

Black Friday is hier! 30% KORTING op al onze Pro Plugins

coupon: black-friday-30off
Nu kopen
Testen-WordPress-en-WooCommerce-Plugins-in-Staging
,

WordPress en WooCommerce plugins testen in Staging

Inhoud

Leer meer over het testen van WordPress en WooCommerce plugins in Staging. De gemiddelde e-commerce website verdient aan het eind van het eerste jaar zo'n $330.000 per maand, maar één fout tijdens een update of plugin-installatie kan u uw deel van de e-commerce taart kosten. Gelukkig kun je dat voorkomen als je je WordPress en WooCommerce plugins test in staging.

Dit artikel legt uit hoe je een staging website kunt maken om je WordPress en WooCommerce plugins te testen, zodat je kostbare fouten kunt voorkomen. Het behandelt:

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

WordPress en WooCommerce plugins testen in Staging

Wat is enscenering?

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

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

Website-testen-door-staging

Waarom zou ik WordPress en WooCommerce Plugins testen in staging?

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

  • Breken
  • Onbeschikbaar worden
  • Werken op sommige apparaten en niet op andere (bijv. werken op Apple-apparaten maar niet op Android of werken op laptops maar niet op tablets).
  • De toegankelijkheid van essentiële pagina's kwijtraken (zoals de afrekenpagina, productbeoordelingen of contactformulieren)
  • Verlies van toegankelijkheid van het mobiele menu
  • De voettekst van de site kwijtraken
  • Het verschrikkelijke "White Screen of Death" (WSOD) weergeven - een fenomeen waarbij je website alleen een leeg wit scherm weergeeft.

Er zijn veel manieren waarop het lanceren van updates voor je website fout kan gaan, en als je veel verkeer hebt en niet weet dat de site niet goed functioneert, kun je veel omzet mislopen! Het lanceren van updates is een taak die je gek kan maken als je er geen plan voor hebt.

Om al dat gedoe te vermijden, kun je je updates en plugins testen voordat je ze publiceert. Testen levert je veel voordelen op, zoals:

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

Staging-hoe-om

Hoe test je WordPress en WooCommerce plugins op de juiste manier?

Het ontwikkelen van een website is een kwestie van lange adem. Tijdens de levensduur van je website zul je waarschijnlijk verschillende nieuwe updates en plugins lanceren, wat eentonig kan worden. Sommigen zouden zelfs kunnen zeggen dat het vervelend is, maar je kunt de vervelende eentonigheid vermijden door de juiste tools te gebruiken en een checklist met alle stappen die je moet nemen voor en na een update.

*Vergeet niet om je WordPress site niet op vrijdag bij te werken. Zo voorkom je een hoop potentiële chaos en problemen voor het weekend.

De tools die je nodig hebt om je WordPress en WooCommerce plugins te testen:

  • Tools voor schermvullende afbeeldingen: Gebruik een schermvullende schermafbeeldingstool voor en na het installeren van de plugin of update.
  • Staging website: Dit is uw gekloonde website.
  • Geautomatiseerde scripttests: Geautomatiseerde scripttestprogramma's testen automatisch meerdere scripts op je website nadat je update of plugin is geïnstalleerd om ervoor te zorgen dat alles werkt zoals het hoort.
  • Tools voor het vergelijken van schermafbeeldingen: Met hulpmiddelen voor het vergelijken van schermafbeeldingen kun je de voor- en nafoto's die je hebt gemaakt vergelijken, zodat je eventuele inconsistenties kunt vinden.

3 Tools voor schermafbeeldingen om je werk te vereenvoudigen

Broswerstack-logo-afbeelding

 Browserstack Screenshot Gereedschap

De schermafbeeldingstool van Browserstack maakt het eenvoudig om schermafbeeldingen te maken met één klik op een knop. Je hoeft alleen maar 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.

Testbot-beeldscherm-logo-afbeelding

TestBot Screenshot Hulpmiddel

Met de schermafbeeldingstool van TestingBot kun je kiezen uit meer dan 3.200 combinaties van browsers en apparaten om te testen. De tool biedt screenshot vergelijking, beta en dev builds, en een native debugging tool.

kruisproef-logo-afbeelding

CrossBrowserTesting Screenshot Tool

Met de screenshot-tool van CrossBrowserTesting kun je screenshots maken via de webapp of via hun API. Als je de API gebruikt, kun je meerdere screenshots in één keer maken over je URL's.

Checklist voor het testen van WordPress en WooCommerce plugins en updates

Voor installatie/update

1. Maak een lijst van al je premium plugins en thema's die niet automatisch worden bijgewerkt.

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

3. Maak een lijst van de URL's die je gaat testen na het bijwerken. Je kunt het beste je aangepaste posttemplates, WordPress-sjablonen en de primaire pagina's van je website (zoals je contactpagina, homepage, productpagina's, categoriepagina's en afrekenpagina) opnemen.

4. Maak een lijst met scenario's om te testen. Een gebruiker kan bijvoorbeeld inloggen, naar de productenpagina gaan en vervolgens naar de afrekenpagina. Je wilt alle scenario's testen die relevant zijn voor je website.

5. Maak een lijst met testscripts om de scenario's te testen.

Op uw staging site

1. Dupliceer uw hele website naar een staging-omgeving en zorg ervoor dat MySQL en PHP op beide websites hetzelfde zijn. Afhankelijk van uw hostingprovider kunt u met één klik een stagingomgeving maken. Een paar hostingproviders die met één klik een stagingomgeving kunnen maken, zijn WPEngine, SiteGround en GetFlyWheel.

2. Zorg ervoor dat de staging site overeenkomt met de oorspronkelijke website. U kunt dit doen door even rond te kijken op de site.

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

4. Werk het volgende bij:

      • Thema- en plugin-bestanden
      • WordPress kernbestanden
      • Alle items die niet automatisch worden bijgewerkt.

5. Maak screenshots van de bijgewerkte staging website. Maak opnieuw screenshots van alle URL's en systemen.

6. Gebruik je tool voor het vergelijken van schermafbeeldingen om de vorige schermafbeeldingen uit stap 3 en de volgende schermafbeeldingen uit stap 5 met elkaar te vergelijken.

7. Voer de testscripts uit die u eerder hebt opgesomd. Controleer of uw formulieren, kassa's en andere belangrijke onderdelen van uw website goed werken.

Op uw 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. Wis de cache van uw live site.

6. Maak je schermafbeeldingen.

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

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

9. Controleer je website met een snelle visuele controle.

10. Geef jezelf een schouderklopje!

Geautomatiseerde-scripts-staging

De rol van geautomatiseerde scripts bij updates en installaties van WordPress en WooCommerce plugins

Geautomatiseerde scripts maken het testen van je WordPress website eenvoudig, maar er zijn ook andere opties. De eerste is handmatig controleren. De andere is een ontwikkelaar inhuren.

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

  • Testscripts elimineren menselijke fouten.
  • Ze besparen je op twee manieren tijd:
    1. Wanneer je lange scripts uitvoert, kun je het script de controle laten afhandelen terwijl je je concentreert op wat de scripts niet kunnen doen.
    2. Je kunt tot 2 apparaten en 4 browsers tegelijk testen.

De belangrijkste conclusie is dat het testen van je WordPress en WooCommerce plugins in staging je kan behoeden voor een catastrofe. Het proces is relatief eenvoudig en gewapend met deze checklist heb je alles wat je nodig hebt voor een succesvolle update.

Of het nu gaat om het aanleveren van de benodigde stappen voor de bulk-installatie van je plugins of het uitvoeren van WordPress of WooCommerce onderhoud, we doen er alles aan om je te helpen bij het floreren in eCommerce. Als je wilt dat wij je WordPress beheren zodat jij je kunt richten op de kernaspecten van je bedrijf, neem dan vandaag nog contact met ons op en we helpen je graag!

Geniet je van dit artikel?
Deel het op sociale media!

Bekijk een andere blogpost!

BrightPlugins_Logo_Horizontaal
Abonneer u op onze nieuwsbrief

Aanmelden

Dit veld is voor validatiedoeleinden en moet ongewijzigd blijven.
Copyright © 2024 Alle rechten voorbehouden aan Bright Plugins
pijl-linkspijl-rechts linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blanco linkedin-blanco pinterest youtube twitter instagram