hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Faire de meilleures images progressives Chargement avec AntiModerate

Le script AntiModerate peut ne pas sembler beaucoup. Mais c'est l'un des meilleurs scripts JS que vous pouvez exécuter pour améliorer les performances sur une page plus grande et maintenir une expérience utilisateur forte.

Avec ce plugin gratuit, vous pouvez charger les images lorsqu'elles apparaissent en vue et réduire la taille totale de votre page.

De cette façon, la page entière peut charger d' abord avec de petits espaces réservés pour les images. Ensuite, vos visiteurs naviguent naturellement sans attendre que chaque actif soit chargé - c'est toujours une bonne chose du point de vue de l'utilisateur!

Voici comment cela fonctionne: vous ajoutez le plugin AntiModerate dans votre page avec le script StackBlur.js.

AntiModerate tire les dimensions de l'image et force toutes les étiquettes img à une taille fixe sur la page. Ces images préchargées sont poussées à travers StackBlur.js qui réduit considérablement la taille totale du fichier d'aperçu, chargeant ainsi la page beaucoup plus tôt.

Une fois que ces petites images sont en place, AntiModerate charge les images en taille réelle en arrière-plan. Chaque photo floue est ensuite remplacée par la photo normale une fois le téléchargement terminé. Facile!

Cela vous fait gagner du temps à attendre les images et permet à votre page de se charger beaucoup plus rapidement. C'est un avantage énorme pour les utilisateurs puisqu'ils peuvent commencer à consommer le contenu plus tôt, et cela profite à votre classement SERP puisque Google se soucie beaucoup de la vitesse de la page.

Vous pouvez installer la bibliothèque directement avec npm ou Bower, ou en tirant le script via GitHub.

Cela ne nécessite que quelques lignes de JavaScript et il est certain que cela aidera à améliorer le chargement de vos pages. Jetez un coup d'œil sur le repo GitHub et faites défiler jusqu'au guide d'installation pour commencer.

Avec seulement quelques lignes de code, AntiModerate devrait être une évidence pour courir sur n'importe quelle page.

Sans compter que cela fonctionne sur JavaScript pur donc il ne nécessite aucune dépendance comme jQuery pour fonctionner.

Comment planifier l'arrangement de contenu pour la conception sensible

Comment planifier l'arrangement de contenu pour la conception sensible

Dans un post récent, j'ai discuté de la relation entre le contenu visuel et la conception de la mise en page . Cependant, ce sujet est très détaillé et se divise en plusieurs sous-thèmes, dont l'organisation visuelle pour les mises en page réactives .Dans cet article, j'aimerais approfondir le contenu réactif afin d'examiner les meilleures pratiques pour réorganiser le contenu des petits écrans . Dans la

(Conseils techniques et de conception)

Spotify pour Android maintenant a derrière l'intégration des paroles

Spotify pour Android maintenant a derrière l'intégration des paroles

En janvier 2016, Spotify et une société d'annotations musicales appelée Genius se sont associés pour présenter Behind the Lyrics pour la version iOS de Spotify . En avril 2017, cette fonctionnalité a finalement fait son chemin vers la version Android de Spotify . À compter d'aujourd'hui, les utilisateurs d'Android Spotify pourront désormais voir des informations supplémentaires sur une chanson dans deux des listes de lecture organisées par Spotify . Ces deux

(Conseils techniques et de conception)