Algemene informatie    Russische dwerghamster    Campbelli dwerghamster    Roborovski dwerghamster    Chinese dwerghamster    Syrische hamster    Andere soorten    Hybriden
 Algemene informatie    Russische dwerghamster    Campbelli dwerghamster    Roborovski dwerghamster    Chinese dwerghamster    Syrische hamster    Andere soorten    Hybriden

Blog over hamsters

Klik hier voor het blog menu
Performance verbetering in beeld, optimalisatie web vitals Google Insight  
woensdag, 6 oktober, 2021, 8:22 pm - Overige
door Martin Braak
Zoals je op mijn blog heb kunnen lezen heb ik afgelopen vakantieweken en daarna mij bezig gehouden met de performance verbeteringen rondom mijn website. Elke keer verbeter ik mijn scripts en draai ik aan tandwieltjes om de website sneller te laten laden. Hieronder de performance verbetering die ik tussen 25 augustus en 25 september heb gerealiseerd.



Ik kan natuurlijk ook een snelle CDN server tussen zetten, maar dat doe ik niet. Iemand vroeg me deze week waarom ik dit niet doe. Als kind programmeerde ik op een computer met 7 mhz processor. Dat betekende dat je scripts over en over moest nadenken en elke performance winst leidde tot een beter effect. Bijv. als je een sinus move met animatie balletjes maakte en script kon 10 ballen aan, als je 50% tijdwinst kon realiseren, dan kon je dit met 20 ballen doen. Dat was elke keer weer de kunst van uitdenken.

En dat beschouw ik ook mijn website. Wat de afgelopen maanden gedaan is:
1. Mijn website ziet automatisch of er een webp variant van de hoge kwaliteit foto aanwezig is en als de browser webp kan weergeven, wordt een webp geladen en niet de jpg foto.
2. Javascripts worden niet standaard altijd geladen, maar er wordt gekeken of ze wel gebruikt worden en als dat het geval is, dan wordt de javascript pas geladen.
3. CSS style voor het formulier wordt niet geladen indien er geen formulier aanwezig is, mijn script kijkt nu automatisch of dit het geval is.
4. Het automatisch verkleinen van foto's wordt nu niet meer elke keer verkleind, maar eenmalig verkleind, bewaard en hergebruikt.
5. CSS style is opgesplitst wat direct nodig is voor het renderen van het eerste blok dat weergegeven moet worden en wat later gerenderd wordt.
6. Font wordt geswapt en daarom wacht de browser niet meer op dat de font geladen is, maar zal eerst een standaard font gebruiken. Met preload wordt geregeld dat de font wel de belangrijkste is wat geladen moet worden om zo CLS shifting te voorkomen.
7. Image in viewpoort bij laden wordt met preload geladen. Of wel het krijgt de voorkeur bij laden.
8. Bepaalde javascripts worden defer geladen en browser wacht nu niet meer op dat alle javascripts geladen zijn.
9. Viewpoort is, ten nadele van ipad gebruikers, op 1.0 rendering gezet en niet meer op 0.88. Mijn inziens zorgt een viewpoort lager dan 1.0 voor een hoge first input delay (FID).
10. Logo was vroeger een png plaatje en is vervangen door tekst met style om als logo weer te geven.
11. Afscheid genomen van de doorzichtige border zodat er geen 4x png geladen wordt.
12. De footer kent een veel kleiner png plaatje t.b.v. ronding. Dit eveneens voor titel blok dat ook een achtergrond png heeft t.b.v. ronding effect.
13. Waar foto's een crop versie getoond wordt, worden nu eenmalig omgezet en bewaard en hergebruikt.
14. De javascripts worden niet meer in header geladen. Ook niet als mijn pagina script javascripts toevoegd. Deze worden automatisch gebufferd voor later output.
15. Cache tijden zijn verhoogd zodat terugkerend bezoeker bestanden minder snel opnieuw geladen worden.
16. Aanpassingen in Google reclame zodat deze geen invloed hebben op pagina rendering performance.
17. Google Analytics script aangepast i.p.v. standaard script gebruiken zodat deze sneller is geworden.
18. Deel css style aangepast zodat container en eerste blok sneller geladen wordt.

Google Analytics geeft aan dat de gemiddelde echte laadtijd van de website van ruim boven 5 seconden gedaald is naar onder de 2 seconden.

Toch zijn er nog verbeterpunten die ik nog moet doorvoeren:
1. De symbolen in het menu anders laden zodat bestand kleiner wordt (UPDATE 9 okt 2021: done!).
2. CSS style geheel kleiner maken om overbodige instellingen eruit te halen.
3. Afscheid nemen van JQuery en alle scripts op basis van javascript zonder JQuery commando's te gebruiken.

En dan ga ik een CDN server tussen zetten!
Jo Qualm overleden, eerst bouwen dan kleuren 
maandag, 6 september, 2021, 7:34 pm - Overige
door Martin Braak
Helaas las ik gisteren op Facebook dat Jo Qualm op 4 september 2021 overleden is. Qualm kende ik van de keuringen en van de vereniging KLN (voorheen NMC). Hij heeft op diverse evenementen knaagdieren gekeurd en hij stond altijd open om zijn kennis te delen. En soms met simpel bewoorden duidelijk te maken, zoals: eerst bouwen, dan kleuren.

Fokkers die voor shows fokken weten precies wat hiermee bedoeld wordt. Je hebt niets aan een hamster die prachtig van kleur is, maar qua bouw en type lelijk is. Als je hamsters fokt, moeten ze eerst goed qua bouw en type zijn. En dan moet je pas aan de kleur werken.

Foto behorend bij blog

Ik las op de kaart "opa snor". Een kenmerk van Qualm, zijn snor. Zoals je hierboven rechts kunt zien. En je ziet ook hoe trots fokkers en Qualm waren.

Foto behorend bij blog

Qualm was niet alleen bekend om zijn deskundig keuren. Hij kon ook enorm goed tekenen. Zo heeft hij de verenigingslogo van NMC/NKV getekend.

René kwam in verleden zelfs op het idee om een keuring naar Qualm te noemen en Qualm Bokaal te organiseren. Ik heb daaraan meegeholpen. Zoals het maken van een website waar mensen konden inschrijven. Qualm genoot van deze aandacht, maar liet dat niet merken.

Wij gaan een verenigingsmens, een deskundig keurmeester missen. En in toekomst zullen we bij diverse keuringen nog aan hem denken.
Update www.AllesOverRatten.nl #ratten #tammeratten 
woensdag, 25 augustus, 2021, 9:30 pm - Overige
door Martin Braak
Begin februari 2021 ben ik begonnen met de update van mijn ander website www.AllesOverRatten.nl. De website stond nog op versie 4 van mijn scripts en moesten ook nog omgezet worden naar versie 5. Dit om in de toekomst een stabiele website te behouden inclusief Php8 proof. Daarnaast dat het mobiel veel vriendelijker moest zijn.

Door de drukte in april en mei was me niet gelukt om het af te krijgen. Ik wilde het heel graag in mei al online zetten. In mijn zomervakantie de tijd voor genomen om het af te ronden. Helaas heb ik niet de tijd gehad om alle teksten echt na te lezen en te herschrijven. Dat ga ik in het najaar doen. Wel zijn o.a. speeltjes geheel herschreven. En zijn er foto's toegevoegd. En teksten die verouderd zijn, aangepast.

Foto behorend bij blog

www.AllesOverRatten.nl staat bijna 10 jaar online. Het is op 31 december 2011 online gekomen. Na jaren fotografie en na ruim 2 jaar schrijven. In 2015 zijn de teksten m.b.t.
Nieuwe website leidt tot een vitale website (site-vitaliteit) 
dinsdag, 26 januari, 2021, 9:17 pm - Overige
door Martin Braak
Zoals je op mijn blog heb kunnen lezen heb ik op 24 december 2020 de nieuwe scripts van de website uitgerold c.q. is versie vijf van Dwerghamster.nl online gekomen. Mijn site kent veel verbeteringen en aanpassingen. Helemaal tevreden ben ik niet. Maar user interface is zeker verbetert. Tenminste dat idee heb ik. Links en rechts hoor ik weinig van mensen die het zien en zeggen van "ow het is aangepast". Het lijkt denk ik te veel op de oude site c.q. men vind het normaal.

Waar Google tegenwoordig ook naar kijkt is de site-vitaliteit. Daarmee wordt bedoeld hoe de website laat. En dit wordt gesplitst in Desktop en Mobile vitaliteit. Desktop kan je niet heel veel fout aan doen, dat is vrijwel altijd wel goed. Maar mobiel is een dingetje. Site-vitaliteit is onder andere de laattijd van de website en hoeveel hij tijdens het laden verandert. Je wilt als gebruiker en lezer direct kunnen lezen en niet eerst zien dat de website zich vorm geeft of opgebouwd wordt.

Foto behorend bij blog

Zoals je kunt zien is het sinds versie 5 online staat verbetert! Maar het is nog steeds niet groen. En dat gaat voor mijn site ook lastig worden. Want ik heb al mijn foto's in zeer hoge kwaliteit staan. Wel heb ik iets bedacht waardoor dit nog sneller kan. Een soort cache geheugen waarbij de vaste pagina's van de website als cache weggeschreven wordt inclusief css en jpeg als base64 data. Waardoor het veel sneller nog kan laden.

Wat ik ook merk is dat het aantal bezoekers iets meer zijn geworden. Maar ik vermoed dat het te maken heeft met het corona virus en de avondklok. Ook blijven de bezoekers wat langer op de website. Of dit komt door de nieuwe interface of door corona zal ik pas later kunnen zien.
Statistieken 2020 
vrijdag, 1 januari, 2021, 1:51 pm - Overige
door Martin Braak
Zoals gewoon besteed ik de eerste dag van het jaar op mijn blog altijd even tijd aan de statistieken. Dit jaar toch anders. Halverwege het jaar hield de statistiek informatie service OneStat ermee op. En sinds die tijd geen informatie meer in detail. Ik keek met regelmaat met plezier na.

Volgens mijn eigen statistiek routines zijn er 3.413.000 bezoekers geweest (2019: 3.182.000, 2018: 2.955.000, 2017: 2.752.000) en zijn er 12.121.000 pagina's pagina's bekeken (2019: 11.557.000, 2018: 10.972.269, 2017: 10.289.000). Of wel 231.000 bezoekers en dat is 2% meer! Zij hebben 564.000 pagina's gelezen. Samengevat: meer bezoekers die wederom minder lezen. Zij lezen slechts wat ze zoeken. En dat is ook logisch, want mijn site is vrij vast qua informatie.

Mijn blog is zeer uitgebreid, meer dan 1.100 blogs. En dat merk je in de statistieken. Want mijn blog is één van de meest gelezen pagina's.

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Volgende> Laatste>>