▻https://jmperezperez.com/svg-placeholders
Un inventaire des techniques utilisant #SVG pour rendre le chargement différé d’images plus satisfaisant perceptuellement.
Avec liens vers divers outils pour pré-traiter les images.
Très sympa !
▻https://res.cloudinary.com/jmperez/video/upload/dpr_auto,f_auto,q_auto,c_scale/v1509278615/silhouette-lazy-loading_evq9xq.mp4
@tetue Par quoi remplacer une image durant son chargement.
Augmenter la pertinence du parcours visuel rapide par l’internaute d’une page web en cours de chargement ?
Et sur le plan esthétique, ça peut parfois être assez réussi, je trouve.
Potrace en PHP :
▻https://github.com/nystudio107/craft3-imageoptimize/blob/master/src/lib/Potracio.php
(et je découvre Craft CMS du coup qui a pas l’air mal du tout)
En fait le dépôt avec la lib à jour pour PHP, pas dans craft :
►https://github.com/Otamay/potracio
Script-injected “async scripts” considered harmful
▻https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/#defer
“we need to update our best practices to use #async attribute instead of script-injected scripts” Tags: #javascript #chargement async #webperf
Using #Typekit the right way (with an improved embed code)
▻https://blog.5apps.com/2014/02/21/using-typekit-the-right-way-with-an-improved-loading-script.html
“If you use Typekit’s advanced embed code, our improved version will dramatically improve load times for your users on slow connections or who use third-party resource blocking via e.g. browser extensions like Ghostery.” Tags: Typekit #timeout #fonte #police #JavaScript #chargement #FOUT
A proposal for preloading resources bound by media queries | FT Labs
▻http://labs.ft.com/2012/08/a-proposal-for-preloading-resources-bound-by-media-queries
“In current implementations as of August 2012, no popular user agent pre-fetches resources that are subject to media queries until those media queries are satisfied. However, it seems like a more intelligent approach could be taken based on the liklihood that the media query may be satisfied at some point after a page has loaded.” Tags: Responsive Web Design (RWD) #chargement #ressource #webperf #anticipation
Des vrais tags, hein, ça f’ra pas d’mal ;-)
@james mon tag à l’origine est « Responsive Web Design (RWD) »…
L’origine ne m’intéresse pas trop :)
@rastapopoulos utilise aussi RWD, et d’autres sans doute.
Ce qui serait pas mal, c’est d’avoir ça en commun. Comme Seenthis signale les tags qui commence par les thèmes que l’on suit tout un chacun, te serait-il possible d’inverser : « RWD (Responsive Web Design) » ? la transformation dans seenthis devrait contenter tout le monde ?
Moi je suis le tag #responsive, alors je m’en fiche. :D
Du coup mon tag peut rester tel quel, c’est bien ça ?
@james il n’y a pas de mal ! ;-)
Creative Loading Effects
▻http://tympanus.net/Development/CreativeLoadingEffects
Loading animations don’t have to be restricted to a tiny indicator.
Here is some inspiration for some creative loading effects.
Page Speed Home
►http://code.google.com/intl/fr/speed/page-speed
Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.
#test #vitesse #chargement #page #web #dev #optimisation #performance #Firefox #extension #firebug #clevermarks
WebWait - Benchmark Your Website
►http://webwait.com
#performance #web #webdesign #webdev #chargement #temps #durée #perception #clevermarks
