nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Betere progressieve afbeeldingen maken Laden met AntiModerate

Het AntiModerate-script klinkt misschien niet zo veel. Maar het is een van de beste JS-scripts die u kunt uitvoeren om de prestaties op een grotere pagina te verbeteren en een sterke gebruikerservaring te behouden.

Met deze gratis plug-in kunt u afbeeldingen laden wanneer ze in beeld verschijnen en uw totale paginaformaat verkleinen.

Op deze manier kan de hele pagina eerst worden geladen met kleine tijdelijke aanduidingen voor afbeeldingen. Dan bladeren uw bezoekers natuurlijk zonder te wachten tot elk activum wordt geladen - altijd een goede zaak vanuit het perspectief van de gebruiker!

Hier ziet u hoe dit werkt: u voegt de AntiModerate-plug-in toe aan uw pagina, samen met het StackBlur.js-script.

AntiModerate trekt afbeeldingsdimensies en dwingt alle img-tags in een vaste grootte op de pagina. Deze vooraf geladen afbeeldingen worden door StackBlur.js gepusht waardoor de totale bestandsgrootte van het voorbeeld drastisch wordt verminderd, waardoor de pagina sneller wordt geladen.

Zodra deze kleinere afbeeldingen op hun plaats zijn, laadt AntiModerate de afbeeldingen op ware grootte op de achtergrond. Elke wazige foto wordt vervolgens vervangen door de gewone foto zodra deze is gedownload. Gemakkelijk!

Dit bespaart veel tijd voor het wachten op afbeeldingen en het helpt uw ​​pagina veel sneller te laden. Het is een enorm voordeel voor gebruikers, omdat ze sneller content kunnen gaan gebruiken, en het is goed voor je SERP-ranglijst, omdat Google veel waarde hecht aan paginasnelheid.

U kunt de bibliotheek rechtstreeks met npm of Bower installeren, of door het script door GitHub te slepen.

Dit vereist slechts een paar regels JavaScript en het zal zeker bijdragen aan het verbeteren van het laden van uw pagina. Neem een ​​kijkje in de GitHub-repo en scrol omlaag naar de installatiehandleiding om aan de slag te gaan.

Met slechts enkele regels code zou AntiModerate een no-brainer moeten zijn om op elke pagina te kunnen draaien.

Om nog maar te zwijgen van het feit dat dit op pure JavaScript werkt, dus het vereist geen afhankelijkheden zoals jQuery om aan de slag te gaan.

Ongewone computermuis die u waarschijnlijk nog niet eerder hebt gezien

Ongewone computermuis die u waarschijnlijk nog niet eerder hebt gezien

Een muis is onmiskenbaar een van de essentiële hulpmiddelen, want terwijl u dit leest, klikt en scrolt u omhoog en omlaag. Als u een computer gebruikt (duh!), Is de kans groot dat u sterk afhankelijk bent van een muis; dit is 100% waar 20 jaar geleden, misschien 80% waar 5 jaar geleden en zeker minder dan 50% waar deze dag.

(Technische en ontwerptips)

Hoe uw DNS te configureren voor een snellere internetsnelheid

Hoe uw DNS te configureren voor een snellere internetsnelheid

Onlangs schakelde ik mijn ISP over en merkte ik ineens langzamer browsen en serververbindingen op, hoewel mijn internetsnelheid in orde was. Ik kwam erachter dat het iets met mijn DNS-server moest doen, dus schakelde ik over naar een betere DNS-server op basis van mijn locatie . Tot mijn verbazing slaagde ik er niet alleen in om langzaam te bladeren, maar kreeg ik zelfs 40% meer snelheid dan normaal

(Technische en ontwerptips)