Prestaties Website

  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 01:10 #11308 door john01
Prestaties Website werd gestart door john01
Hallo allemaal,

Ik ben eens benieuwd welke test resultaten jullie hebben, met jullie website.

Google zoals andere zoek websites, beweren dat een snelle toegang website, website zonder fouten, hoeveelheid tekst en zo verder zou helpen om hoger in de ranglijst te komen staan van zoekmachines. Dat laatste betwijfel ik ten zeerste, maar goed de tijd zal het leren.

Met hulp vanuit JoomlaCommunty, ben ik de laatste jaren al bezig geweest om alles aan te passen wat nodig is om de beste resultaten te krijgen. De kennis die mij ontbreekt, is aangevuld door deze mensen, mijn hartelijke dank hiervoor. Dan moet er ook resultaat zijn van de gegeven kennis, met trots kan ik dit nu alvast tonen op de test website waaraan nog gewerkt wordt om alle artikelen handmatig over te zetten.

Hier dan het resultaat GTmetrix Hier dan het resultaat




Discussie gesloten.
  • Gast
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 06:59 #11309 door Gast
Beantwoord door Gast in topic Prestaties Website
Als je bij gtmetrix.com/compare/clPyn1Qx/8qWnjO9E kijkt dan zie je dat jouw website sneller is dan die van mij.
Discussie gesloten.
  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 14:35 #11313 door john01
Beantwoord door john01 in topic Prestaties Website
Hoi Arjan, geweldig dat je ook deze test wilde doen.

Ik lag gisteren totaal krom toen ik de zelfde test uitvoerde met de websites van nos, nu en ad. Alles wat je fout kunt doen of niets aan doet, komt duidelijk naar voren bij hun websites. Dan gaat men zich afvragen, waarom hun slecht opgezette website bovenaan in google komen te staan. Geld is macht, en zeker een staats media zoals blijkt.

Om samen met elkaar testen te uit te voeren kan er eigenlijk informatie uitgewisseld worden naar elkaar, om een website sneller te maken. Er zijn spijtig genoeg een aantal punten die gewoon niet willen lukken, men kan dan wel het internet afstruinen voor de informatie. Echter ze beginnen ergens over, en wijken in het stukje verhaal ervan af. Dus de informatie die je eigenlijk nodig hebt, is verloren gegaan.

Wat mij opgevallen is in dit geheel is, zodra er een artikel wordt gemaakt of welke plugin, module of component men gaat gebruiken. Zorg ervoor dat men altijd na de installatie een bezoekje brengt aan W3C , zodra er geen fouten in voorkomen en je weet dit niet zelf op te lossen, moet je de toegevoegde niet gebruiken.

Optimize images -
is absoluut essentieel, ik gebruikte des tijds PRZIMAGE, echter dat werkt niet meer.

Met behulp van Rondeb, heb ik alle artikelen des tijd allemaal aangepast, echter met een fout erin. Een foto plaatsen in je tekst is mooi, maar moet correct gedaan worden. als voorbeeld;

is de juiste manier
Code:
<img dir="ltr" lang="nl" width="250" height="180" src="http" />
is verkeerd en geeft fouten bij W3C
Code:
<img dir="ltr" lang="nl" width="250px" height="180px" src="" />
is ook verkeerd, omdat met een style de formaten van de foto niet gelezen kan worden door zoekmachines
Code:
<img dir="ltr" lang="nl" style="width:250px; height:180;" src="" />
Onlangs kwam ik tegen dat je beter width="250" height="180" in een css bestand kon plaatsen. Toen ik verder keek naar hoe dat werd gedaan, is totaal onzin. Omdat in de foto verwijzing al de formaten in staan <img dir="ltr" lang="nl" width="250" height="180" src="http" /> en dan moet men dat alsnog ook in de css bestand plaatsen. Dat in dubbel zinnig werk. Je zou dan eerder verwachten dat een foto verwijzing er dan zo eruit zal komen te zien;
Code:
<img dir="ltr" lang="nl" [b]class="foto1"[/b] src="http" />
Zonder de formaten erin vermeld, maar vermeld staan in de aangemaakte css bestand.

Leverage browser caching & Specify a cache validator, geen verstand van en ik begrijp het niet. Echter ik heb wel de benodigde info gevonden, maar werkt simpel weg niet.

Minify HTML
dit is mogelijk door een andere component te gebruiken, zodat de tekst die men geschreven hebt niet in de editor verspreid. Bij elke editor zit er wel een keer zijde aan vast, waardoor diverse toevoegingen niet werken.

Minify JS
Is zeer belangrijk, en helpt absoluut mee aan het sneller maken van je website. Een Minify JS kan men hier vinden.

Minify CSS
Ook zeker belangrijk een Minify your CSS kan men hier terug vinden.

Use cookie-free domains
Ik had iets uitgeprobeerd op een ander domeinnaam, goed dat werkt dus echt niet omdat er simpel weg een coockie geplaatst wordt. Je moet dan echt een ander soort domein hebben. Als je dit voor elkaar krijgt, dan zal de resultaten aanzienlijk verbeteren.

Add Expires headers
Heb ik toegepast maar werkt absoluut niet naar behoren. dan wordt er een voorbeeld geplaatst zoals hieronder
Code:
<IfModule mod_expires.c> # Enable expirations ExpiresActive On # Default directive ExpiresDefault "access plus 1 month" # My favicon ExpiresByType image/x-icon "access plus 1 year" # Images ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" # CSS ExpiresByType text/css "access plus 1 month" # Javascript ExpiresByType application/javascript "access plus 1 year" </IfModule>
Werkt absoluut niet correct zoals zij het beschrijven, of de opzet server is niet correct en of een combinatie server met je CMS. Hier kan ik verder geen zinnig antwoord opgeven.

Specify a cache validator
Zoals ook in de test resultaat van Arjan te zien is, staat wel de Specify a cache validator correct. Ik begrijp daar dus niets van, zodra men zelf diverse scripts heb toegepast in de .htaccess bestand simpel weg niet blijkt te werken op mijn server.

De headers Expires en Cache-Control: max-age
De headers Last-Modified en ETag

Bij beide heb ik diverse scripts gevonden, maar werken absoluut niet zoals het wordt beschreven en als resultaat die beloofd wordt.

CDN
CDN zoals cloudflare helpt wel degelijk een groot gedeelte eraan mee, om de website sneller te maken en te beveiligen. Echter daar moet men zich behoorlijk in verdiepen hoe alles correct in te stellen.

Al met al, waren de testen eerst diep treurig om je haren uit je hoofd te trekken. Ineens na enige tijd begonnen de test resultaten er beter uit te zien, het werd zelfs ineens een sport om nog betere resultaten te krijgen. De hoogste test resultaat die ik laatst heb gehad zonder een image slider was 98% - 97%

Als laatste in dit geheel, zal ik een gedeelte van de .htaccess bestand hier plaatsen wat erin veranderd is.
Code:
## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType application/pdf "access plus 1 year" ExpiresByType text/x-javascript "access plus 1 year" ExpiresByType application/x-shockwave-flash "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" # Javascript ExpiresByType application/javascript "access plus 1 year" </IfModule> ## EXPIRES CACHING ## <IfModule mod_headers.c> <FilesMatch "\.(json|pdf|swf|bmp|gif|jpeg|jpg|png|svg|tiff|ico|flv|js)$"> Header Set Last-Modified "Mon, 09 Jan 2017 12:00:00 GMT" Header unset ETag FileETag None </FilesMatch> </IfModule>
Helpt iets, maar absoluut totaal niet correct.
Discussie gesloten.
  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 14:46 #11314 door john01
Beantwoord door john01 in topic Prestaties Website
Ik kan het niet laten, ik heb een drang om dit te laten zien.

Arjan mijn complimenten, gezien wanneer we deze resultaten zien mogen wij ons zelf een schouder klopjes geven

Zie wat ik zie wat ik bedoel
Discussie gesloten.
  • Gast
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 15:58 #11316 door Gast
Beantwoord door Gast in topic Prestaties Website
Dat die andere websites hoger in de zoekresultaten komen heeft te maken met de populariteit en leeftijd van deze websites.
En ik had al eens eerder aan je gemeld dat je jezelf niet zo druk moet maken over de snelheid van je website want dat is maar één van de factoren waarop je beoordeeld word door Google. Zorg er ook voor dat je interessante teksten heb waar door mensen over jouw gaan praten en dus nieuwe mensen bij je komen kijken.

En je afbeeldingen comprimeren kan ook met Gimp en die is gratis.
En volgens mij is dit
Code:
<img src="afbeelding.jpg" width="100" height="100" alt="Vierkante afbeelding" title="Een vierkantje!">
de juiste manier om een afbeelding in te voegen. Heb het net nog gecontroleerd met validator.w3.org en ik krijg voor mijn afbeelding geen foutmelding.

O ja, het kleiner maken van mijn css doe ik alleen maar voor de online versie want anders is die niet meer te lezen en ik gebruik daar voor refresh-sf.com/
HTML comprimeren doe ik niet meer want de snelheidswinst is niet meetbaar en als je iets wilt aanpassen zoek je jezelf een ongeluk.
Discussie gesloten.
  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
12 jan 2017 17:11 #11317 door john01
Beantwoord door john01 in topic Prestaties Website
Klopt wel degelijk wat je schrijft over leeftijd en populariteit van een website, daar is niet tegen op te boxen. Echter is dan wel de vraag, waarom worden diverse artikelen niet opgenomen door bijvoorbeeld google, zodra de aantal bezoekers erg hoog ligt maar de artikel tekst een leugen.

Ik ben best wel puntje precies, aangaande een website en de fouten die erin kunnen zitten. Deze moet ik oplossen, om daarin een goede resultaat te krijgen.

Sleutelwoorden die in je tekst staan, zijn ook een aandachtspunt voor zoekmachines. Zoals je al aangaf in jouw script de alt="" is daar ook 1 van. Title beschrijven behoord ook in de categorie sleutelwoorden wat allemaal met elkaar te maken hebben. Een overmaat aan sleutelwoorden (keywords) moet men ten alle tijden voorkomen. Dat is ook de reden dat ik geen gebruik maak van tor tag's of een cloud wolk, wanneer men de tekst goed kan beschrijven met de juiste sleutelwoorden erin zit men volgens mij al zeer goed.

Ik kon wel herinneren Arjan, dat iemand ooit tegen mij heeft geschreven dat ik mij daar niet zo druk over behoefd te maken betreffende de snelheid van de website. Ik kon absoluut niet meer op de naam komen wie dat toen zij, nu dus wel weer. Het is mij juist opgevallen Arjan, dat de hoofd website steeds langzamer werd. Als een website langzaam is, zullen mensen ook niet snel meer naar je website komen.

Fouten in een script, kan ik mij dood aan ergeren. Je maakt een module, plugin of een component dan weet men voldoende af van scripten lijkt mij. Dan is het ook van belang, dat men ervoor zorgt om zo weinig of geen script fouten erin voor te laten komen.

HTML heb ik geprobeerd, dat gaat echt niet gebeuren. A- je hele script loopt in het honderd en B - het heeft absoluut geen nut. Gewoon een goede Editor komt men al een stuk verder.

CSS zoals JS is absoluut aan te raden, maar wel met de juiste Minify, en weet men het niet zeker dan is aan te raden om even een originelen hernoemen en een nieuwe bestand aan te maken.

Waar komt die preciesheid vandaan
Ik was al vanaf mijn 13 jarige leeftijd bezig met elektronica, nadien computers. Computers en scripten ben ik verder in gegaan, zover dat ik eigenlijk op alle gebieden wat te maken heeft met scripten, een diploma en of certificaat van heb. Aan leggen van PLL en servers, netwerken en zo verder heb ik ook allemaal diploma's van zoals certificaten. Zelf heb ik dan ook een bedrijf gehad, totdat ik ernstig ziek begon te worden. Enige tijd later is mijn geheugen voor meer dan 2 half jaar totaal weg geweest, ik heb dus een NAH.

Echter ik heb ongelooflijk veel geluk, uit onderzoeken is gebleken dat ik alsnog alles opnieuw kan leren. Soms blijft het in mijn geheugen hangen en soms niet of het moet anders uitgelegd worden. Alles wat ik ooit eerder heb geleerd is simpel weg pleite, de laatste 5 jaar kan ik weer schrijven, lezen, praten en weer dingen erbij leren wat simpel weg tergend traag gaat.

Als ik het echt niet begrijp of eruit kom na diverse malen zelf het te blijven proberen, dan pas roep ik hulp in zoals hier bij JoomlaComunnity. EN dat kan zijn de meest simpele dingen voor de meeste mensen, echter spijtig genoeg ligt dat dus anders bij mij. Dat is ook de reden, dat hier bij JoomlaCommunity mensen zitten die de tijd nemen om jouw vraag te beantwoorden en of verder helpen indien nodig. En dat was dan ook één van de redenen, dat ik deze topic heb aangemaakt, om het resultaat te tonen.
Discussie gesloten.
  • Gast
  • Gebruiker
  • Gebruiker
Meer
14 jan 2017 13:37 #11346 door Gast
Beantwoord door Gast in topic Prestaties Website
Tsja ...

Uiteindelijk gaat het erom of bezoekers jouw site waarderen (lezen meer pagina's en blijven langer). DAARNA gaan al die andere zaken een rol spelen in de ranking. En zo'n test is ook een beetje arbitrair.

NR1 = Interessante content.
Discussie gesloten.
  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
14 jan 2017 14:48 #11347 door john01
Beantwoord door john01 in topic Prestaties Website
@gasoline#
Het is toch wel een groot verschil meen ik uit de test die je hebt gemaakt.
Als de website te langzaam is, zullen mensen absoluut niet lang blijven op de website. Dus de toegang tot de website moet redelijk optimaal zijn. En die je getest hebt, zijn al vanaf het begin problemen mee op welk gebied dan ook. Dat was dan ook de hoofdreden om een compleet nieuwe versie te maken en ervoor zorgen dat er zeer weinig script fouten in staan. Dan de snelheid proberen op te peppen, zodat de toegang even een stuk soepeler verloopt dan voorheen.

Zodra een website niet correct in de zoekmachines staat vermeld, dan zal de toestroom ook niet echt bevorderlijk zijn. Men zal moeten zoeken dat waar het probleem ligt, waarom je website niet goed wordt opgenomen bij zoekmachines. En in de meeste gevallen komt dat door een slechte opbouw en eventuele fouten die de toegang belemmeren.

Tekst koppen die men gebruikt, is ook van belang en pakkend zijn om te gaan lezen wat het artikel daarover te vertellen hebt.

Het is een samenloop van vele factoren die de toegang en bekendheid van je website aantrekkelijk moet maken. GTmetrix zoals W3C geeft al aardig aan waar men eventueel de fouten kunt oplossen. Zijn die problemen opgelost, hebt men er ook geen omkijken meer naar. Men kan zich dan beter concentreren op de artikelen die men wilt beschrijven op de website.
Discussie gesloten.
  • BramWaas
  • Gebruiker
  • Gebruiker
  • Eigenaar en onderhouder van enkele websites en een plugin
Meer
15 jan 2017 11:26 #11352 door BramWaas
Beantwoord door BramWaas in topic Prestaties Website
Ik kan niet anders zeggen dan dat je geweldige resultaten haalt waar ik op geen einde na aan kan tippen. Ik heb al veel moeite moeten doen om B en C score te halen en groen bij mobile friendly van Google met www.asha-s.com .
Hieronder een vergelijking met veel rood aan mijn kant.
gtmetrix.com/compare/9HDOGcEh/pBRnRZJ5
Discussie gesloten.
  • john01
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
15 jan 2017 12:58 #11353 door john01
Beantwoord door john01 in topic Prestaties Website
@BramWaas#
Bij mij heeft het tergend lang geduurd voordat ik het voor elkaar kreeg, met hulp vanuit JoomlaComunnity ben ik ongelooflijk ver gekomen.

Het zal vertanding zijn, omJCH Optimize te download en te installeren in joomla. Ik zal hieronder de instellingen geven, hoe ongeveer alles ingesteld moet worden.

Ga naar Plugins
type bij zoeken JCH Optimize in, zodra de link in beeld komt erop klikken.

Tabblad 1 basic options zie foto

Tabblad Exclude Options zie foto, echter de rest staat niet ingevuld bij mij

Free Features zie foto


Goed dan gaan we naar Gmetrix
Minify JavaScript
Daar ziet men ene lijst staan, wat eigenlijk Minify moet worden. Als je dit doet, "hernoem altijd eerst de bestandsnaam" en maak een nieuwe bestand aan met de zelfde naam die de eerdere bestand had die je hebt hernoemd.

Ga nu naar Minify JavaScript en plak daar de JS code in en druk op de knop Compresse JavaScript.. Heb je dat gedaan, dan selecteer men de code die in het scherm komt, en plak je in het nieuwe bestand en sla je werk op. Dat doe je met de volgende bestanden die hieronder staan
Code:
http://www.asha-s.com/modules/mod_djimageslider/assets/js/slider.js?v=3.2.1 http://www.asha-s.com/media/djextensions/jquery-easing/jquery.easing.min.js http://www.asha-s.com/templates/asha-s/js/magnificpopup/MagnificPopupV1-1-0.js http://www.asha-s.com/media/system/js/caption.js http://www.asha-s.com/media/jui/js/jquery-migrate.min.js http://www.asha-s.com/media/jui/js/jquery.min.js http://www.asha-s.com/media/jui/js/jquery-noconflict.js

Gezien dat je een live website hebt, MOET je per keer alles even nazien op je website front, als alles goed in beeld blijft komen.

Minify CSS
Daar ziet men ene lijst staan, wat eigenlijk Minify moet worden. Als je dit doet, "hernoem altijd eerst de bestandsnaam" en maak een nieuwe bestand aan met de zelfde naam die de eerdere bestand had die je hebt hernoemd.

Ga nu naar Minify CSS en plak daar de JS code in en druk op de knop Minify . Heb je dat gedaan, dan selecteer men de code die in het scherm komt, en plak je in het nieuwe bestand en sla je werk op. Dat doe je met de volgende bestanden die hieronder staan
Code:
http://www.asha-s.com/modules/mod_djimageslider/themes/default/css/djimageslider.css http://www.asha-s.com/media/mod_languages/css/template.css http://www.asha-s.com/templates/asha-s/css/template.min.153.css

De foto's op je website moet je allemaal aanpassen in de exacte formaat die de foto heeft, formaten staan hieronder bij geschreven.
Code:
http://www.asha-s.com/images/asha/Asha_S_VoodooGirl_IMG_2649_jo640_65.jpg (Dimensions: 640 x 960) http://www.asha-s.com/images/slider/A_Team_Party_New_Year_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/Asha-S_%20Big_Four_Ohh_Flyer_Final_v2_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/Asha-S_From_Amsterdam_256.jpg (Dimensions: 256 x 171) http://www.asha-s.com/images/slider/Asha-S_Power_Woman_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/Asha-S_Some_People_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/Asha-S_promo_Show_me_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/DSC03919_256.jpg (Dimensions: 256 x 170) http://www.asha-s.com/images/slider/IMG_8274_256.jpg (Dimensions: 256 x 171) http://www.asha-s.com/images/slider/I_Want_You_2_Want_Me_Too_256.jpg (Dimensions: 256 x 251) http://www.asha-s.com/images/slider/Tropical_Mix_Green_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/VooDoo_Cover_AshA-S_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/We_Can_Go_Down_fb_256.jpg (Dimensions: 256 x 256) http://www.asha-s.com/images/slider/You_Will_Find_o600_256.jpg (Dimensions: 256 x 171) http://www.asha-s.com/images/slider/_DSC9382_256.jpg (Dimensions: 256 x 171) http://www.asha-s.com/images/slider/omslagfoto_partystartersIMG-20160621_256.jpg (Dimensions: 256 x 256)

De rest zoals hieronder staat beschreven, staan in de modules en media folder, daar valt niets aan te doen
Code:
http://www.asha-s.com/media/mod_languages/images/en.gif (Dimensions: 18 x 12) http://www.asha-s.com/media/mod_languages/images/nl.gif (Dimensions: 18 x 12) http://www.asha-s.com/modules/mod_djimageslider/themes/default/images/next.png (Dimensions: 35 x 35) http://www.asha-s.com/modules/mod_djimageslider/themes/default/images/pause.png (Dimensions: 35 x 35) http://www.asha-s.com/modules/mod_djimageslider/themes/default/images/play.png (Dimensions: 35 x 35) http://www.asha-s.com/modules/mod_djimageslider/themes/default/images/prev.png (Dimensions: 35 x 35)

Optimize images
Er zijn een aantal Optimize images componenten te vinden bij joomla. zoals ImageRecycle de andere weet ik even niet zo snel. Dat is wel een tijdelijke versie, als je meer wilt dan zal je een account aan moeten maken.

Even aandacht voor de moderators, corrigeer mijn uitleg, als u denkt dat het onverstandig is om uit te voeren. En welke stappen Bram nog meer kan ondernemen.
Discussie gesloten.
Gemaakt door Kunena