Service!
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` ) ;
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
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.