Websiste software, cms systemen, webshops en fotografie

Service!

Als service kunt u bij Argrosoft terecht voor bestaand en op maat gemaakte plugins voor de opensoure van opencart versie 2 t/m 3, of een complete opencart webshop van hosting tot design met maatwerk plugins.

De database optimaliseren en de webshop SEO vriendelijk maken en het inzetten van richsnippets , dit is gestuctureerde data waar zoekmachines als google goed raad mee weten zodat het webshop systeem beter geindexeerd word, een betere indexering betekend ook een hogere positie in google.

Vraag naar de mogelijkheden.

Mocht u last hebben van een trage opencart webshop dan zijn de volgende acties een kleine bijdrage aan een snellere afhandeling en een betere webshop performance.

Bij de admin -> uw winkel -> server tab.

Bij het veld output compressie level kan je de waarde 5 ingeven, hier kan een waarde tussen de 0 en 10 in staan, advies is een 5 of 6 en test de website goed of alles nog goed werkt, de browser haalt na 1 bezoek aan een pagina de volgende keer deze uit cache.

Bij de admin -> uw winkel -> Options.

Bij het veld Categorie product count Yes / No gaat deze instelling op No als de webshop veel producten heeft omdat het tellen van deze producten flink wat tijd kost en als dit niet aanstaat het een betere performance opleveren.

Bekijk het hosting pakket.

Is het hosting pakket waar de webshop op draaid wel zwaar genoeg voor deze taak ?

Geef de veel gebruikte tabellen die veel records hebben wat extra indexen.

Indexen op de juiste velden zorgen ervoor dat de data snelle gevonden kan worden in de database.

De volgende opencart tabellen komen in aanmerking voor een extra index.

Tabel voor categories

ALTER TABLE `oc_category` ADD INDEX ( `parent_id` ) ;
ALTER TABLE `oc_category` ADD INDEX ( `top` ) ;
ALTER TABLE `oc_category` ADD INDEX ( `sort_order` ) ;
ALTER TABLE `oc_category` ADD INDEX ( `status` ) ;
ALTER TABLE `oc_category_description` ADD INDEX ( `language_id` );
ALTER TABLE `oc_category_to_store` ADD INDEX ( `store_id` );

Mochten er veel subcategories zijn zet dan een index op het path_id veld:

ALTER TABLE `oc_category_path` ADD INDEX ( `path_id` );

Producten tabel

ALTER TABLE `oc_product` ADD INDEX ( `sku` ) ;
ALTER TABLE `oc_product` ADD INDEX ( `upc` ) ;
ALTER TABLE `oc_product` ADD INDEX ( `manufacturer_id` ) ;
ALTER TABLE `oc_product` ADD INDEX ( `sort_order` ) ;
ALTER TABLE `oc_product` ADD INDEX ( `status` ) ;
ALTER TABLE `oc_product_option` ADD INDEX ( `option_id` ) ;
ALTER TABLE `oc_product_option_value` ADD INDEX ( `product_option_id` ) ;
ALTER TABLE `oc_product_option_value` ADD INDEX ( `product_id` ) ;
ALTER TABLE `oc_product_option_value` ADD INDEX ( `option_id` ) ;
ALTER TABLE `oc_product_option_value` ADD INDEX ( `option_value_id` ) ;
ALTER TABLE `oc_product_to_category` ADD INDEX ( `category_id` );
ALTER TABLE `oc_product_attribute` ADD INDEX ( `attribute_id` );
ALTER TABLE `oc_product_attribute` ADD INDEX ( `language_id` );
ALTER TABLE `oc_product_description` ADD INDEX ( `language_id` );
ALTER TABLE `oc_product_to_store` ADD INDEX ( `store_id` )

Optie tabel voor de producten

Als er veel opties zijn loont het zeker om extra indexen aan deze tabellen toe te voegen.

ALTER TABLE `oc_option` ADD INDEX ( `sort_order` ) ;
ALTER TABLE `oc_option_description` ADD INDEX ( `name` ) ;
ALTER TABLE `oc_option_value` ADD INDEX ( `option_id` ) ;
ALTER TABLE `oc_option_value_description` ADD INDEX ( `option_id` ) ;

SEO url tabel

ALTER TABLE `oc_seo_url` ADD INDEX ( `query` ) ;

ALTER TABLE `oc_seo_url` ADD INDEX ( `keyword` ) ;

GZIP compression

Deze compressie verschilt van de hierboven genoemde. Hier comprimeer je de pagina's op de server en door dit te doen kun je hun grootte tot 80% verkleinen. Dit zal uw online winkel aanzienlijk versnellen en is verplicht.

Hoe comprimeer je als je server apache is en je hebt een .htaccess-bestand in de map die je website bevat? Download het bestand en open het in de teksteditor.

# Compress HTML, CSS, JavaScript, Text, XML and fonts

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plai
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4.0[678] no-gzip

BrowserMatch bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

Voeg deze code toe aan uw .htaccess-bestand en upload deze naar de server. U zult direct merken dat uw website sneller gaat nadat u dat heeft gedaan. Dit kan ook voor andere webshops dan opencart.

Maak gebruik van de browsercache

We kunnen onze browser toestaan om bronnen zoals Javascript, CSS en afbeeldingen te cachen. Op deze manier, als de klant vaak onze website bezoekt, zal zijn / haar browser een aantal bestanden downloaden en hoeft deze niet opnieuw te laden of opnieuw te downloaden.

ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”

Verschillende tools die u kunt gebruiken om de laadsnelheid van uw website omhoog te krijgen.

Minification

De minificatie is een proces waarbij we een CSS- of Javascript-bestand nemen en ervoor zorgen dat het op één regel wordt weergegeven. Op deze manier verliezen we de opmerkingen, variabelen en worden de namen van de functie ingekort. De bestandsgrootte wordt ook aanzienlijk verkleind en het orgineel bewaar je apart om deze te kunnen aanpassen bij een uitbereiding of bug.

De online tool waarmee u uw bestanden kunt verkleinen is: http://www.minifier.org/.

De beste optie is om alle bestanden te verkleinen en ze te verenigen in één CSS- of Javascript-bestand - op deze manier doen we minder verzoeken aan de server.

Een andere tool die we aanbevelen, is Google Page Insights.

https://developers.google.com/speed/pagespeed/insights/

Deze tool beoordeelt uw website met een score van 0 tot 100 punten. Het is extreem nauwkeurig en veeleisend (zoals alles zelfs op afstand is verbonden met Google), dus het is erg moeilijk om hoge punten te scoren. 80 (of meer) punten worden als een goed resultaat beschouwd - uw website is snel en goed geoptimaliseerd voor elk apparaat. Hiermee kunnen we zelfs een beoordeling krijgen voor de gebruikerservaring die we aanbieden. Nogmaals in punt (met een maximum van 100 punten) - alles boven de 90 wordt als een overwinning beschouwd.

GTMETRIX – https://gtmetrix.com/

Deze tool heeft veel criteria, maar voor iedereen is er een gedetailleerde uitleg over hoe te slagen. Het laat (in procenten) zien wat de snelheid van uw website is, wat de grootte van de pagina is, hoeveel verzoek u moet doen om alle bronnen te krijgen.

PINGDOM

https://tools.pingdom.com

Houd er rekening mee dat de meeste van deze websites en tools vaak vanaf een afgelegen plek werken. Als uw website zich bijvoorbeeld in Nederland bevindt en de tooltests uit de Verenigde Staten komt, zal er een vertraging ontstaan door de afstand die niet kan worden vermeden.

De CLS (Cumulative Layout Shift) van een website kan een hoge waarde geven, om deze waarde voor google naar nul te krijgen is een tool als deze onmisbaar.

De oplossing ligt in het geven van vaste hoogtes en breedtes maar de hoogstes zijn het belangrijkste zodat een website direct staat en niet na beweegt met elementen die zich ergens tussen wringen.

https://webvitals.dev/cls