hideout-lastation.com
Progressivement vous permet de charger des images paresseux avec Vanilla JS
Chaque site web moderne doit être rapide. Bien qu'il existe de nombreuses techniques et plugins pour augmenter la vitesse de la page, vous ne savez peut-être pas par où commencer.
Le script Progressivement est une excellente ressource pour augmenter la vitesse de la page . Il fonctionne comme un script d'image de chargement paresseux qui charge les images au fur et à mesure que l'utilisateur fait défiler la page.
C'est un projet open source gratuit que vous pouvez télécharger et l'exécuter sur n'importe quel site Web. De plus, il fonctionne sur JS 100% vanille, donc il n'y a aucune dépendance qui peut vous peser .
Vous pouvez jeter un oeil à la démo en direct sur la page d'accueil Progressively.C'est un peu différent des autres scripts de chargement paresseux car il conserve des tailles d'image fixes pour toute la page. Cela évite les sauts de page qui vous ennuient à chaque fois que les images se chargent rapidement et augmentent la hauteur du contenu.
Et les espaces réservés d'image ressemblent en fait aux images que vous chargez. Impressionnant!
Cette technique permet aux visiteurs de prévisualiser à quoi ressemblent les images avant de les charger . Tout est géré par JavaScript qui vérifie l'emplacement de l'utilisateur sur la page et pré-charge les images à mesure qu'elles apparaissent.
Progressivement, il existe une API assez étendue, ce qui en fait un excellent choix pour les développeurs Web. L'installation peut devenir technique, donc cela vous aide si vous connaissez votre chemin dans le codage de frontend de base.
Mais vous pouvez en apprendre plus sur la page principale de GitHub qui comprend la documentation complète de l'API, les instructions d'installation et des extraits de code que vous pouvez copier / coller pour vos projets.
Si vous avez besoin d'un script d'image de chargement paresseux digne de confiance sans les mauvaises dépendances, donnez progressivement un coup de feu. C'est totalement gratuit et offre beaucoup de personnalisation pour les développeurs.Jetez également un coup d'œil au Progressivement GitHub pour en savoir plus et pour télécharger le code source téléchargeable.
Comment concevoir des pages d'état vides pour les sites Web et les applications mobiles
Les pages d'état vides sont des éléments de conception moins connus avec un rôle important dans l'expérience utilisateur. Dans sa forme la plus simple, les états vides sont des mises en page visibles lorsqu'un internaute visite une page pour la première fois et qu'aucun contenu n'est disponible .Cela p
10 plugins Sketch gratuits pour les développeurs Web
Sketch gagne en popularité parmi les concepteurs et développeurs Web. C'est probablement parce que c'est intuitif, facile à apprendre et avec de nombreuses fonctionnalités qui facilitent grandement la création d'un prototype de site Web. C'est peut-être aussi parce que cette application est extensible, c'est-à-dire que vous pouvez facilement ajouter de nouvelles fonctionnalités à l'application à l'aide de plugins.Voici 10
