Skip to main content

Home/ Web Performance/ Group items tagged technique

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Oncle Tom

Performance and Metrics at Lonely Planet - 3 views

fr.slideshare.net/...rics-at-lonely-planet-14589911

webperf lonelyplanet metrics tools fast web webdev

shared by Oncle Tom on 03 Jan 13 - No Cached
  • Oncle Tom on 03 Jan 13
     
    La technique mise en place par Lonely Planet pour rester performant. Plus que de la technique, c'est avant tout une élaboration de culture de la vitesse et du plaisir à être rapide qui prime.
Oncle Tom

Concours Webperf 2010 : maîtriser le chargement | BrainCracking - Veille tech... - 2 views

braincracking.org/...urs-webperf-2010_le-chargement

performance css javascript html xhr async

shared by Oncle Tom on 11 Jan 11 - No Cached
  • jpvincent on 11 Jan 11
     
    cette partie a constitué le gros des innovations des finalistes
  • Oncle Tom on 12 Jan 11
     
    La partie la plus importante car la plus technique (à mes yeux) : le chargement des dépendances d'une page. Plusieurs techniques, pour des effets variés, mais permettant un rendu rapide.
Oncle Tom

Chrome Speeding up SSL with SSL FalseStart - 2 views

www.belshe.com/...ing-up-ssl-with-ssl-falsestart

http https ssl technique performance chrome

shared by Oncle Tom on 07 Dec 10 - No Cached
  • Oncle Tom on 09 Dec 10
     
    Technique déployée dans Chrome pour accélérer les négociations de contenus en HTTPS.
Éric D.

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine - 0 views

www.smashingmagazine.com/...techniques-tools-and-tutorials

performance css sprites

shared by Éric D. on 05 May 09 - Cached
  • Éric D. on 05 May 09
     
    CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course,
Oncle Tom

Big performance wins by optimizing fonts - 2 views

hacks.mozilla.org/...-node-js-holiday-season-part-8

webdev fontface nodejs mozilla hacks

shared by Oncle Tom on 20 Mar 13 - No Cached
  • Oncle Tom on 20 Mar 13
     
    Super technique pour servir des @font-face de la manière la plus adaptée qu'il soit à l'utilisateur, en tenant compte de sa langue etc.
Oncle Tom

Replacing the -9999px hack (new image replacement) - 5 views

www.zeldman.com/...9px-hack-new-image-replacement

webdev performance css image replacement

shared by Oncle Tom on 21 Mar 12 - No Cached
  • Oncle Tom on 21 Mar 12
     
    Une nouvelle technique pour masquer du contenu sans utiliser le fameux `left: -9999px`. Principal avantage : le navigateur n'a pas besoin de dessiner une boîte énorme pour y placer ce contenu.
Oncle Tom

The proper MHTML syntax - 3 views

www.phpied.com/the-proper-mhtml-syntax

mhtml performance css inline content data cache browser:ie

shared by Oncle Tom on 31 Oct 10 - No Cached
  • Oncle Tom on 01 Nov 10
     
    Excellente technique complémentaire au Data URI, pour Internet Explorer 7 et moins.
anonymous

jQuery LazyLoad Advertising Plugin - Web2ajaX - 6 views

jqueryad.web2ajax.fr

jquery lazyload plugin publicité performance web dev javascript clevermarks

shared by anonymous on 22 Nov 10 - No Cached
  • jpvincent on 22 Nov 10
     
    rien d'exceptionnel pour ceux qui l'ont déjà codé à la main, mais ils disent avoir une solution pour les pubs avec document.write(), à tester donc ... pour reproduire leur technique :)
  • ...2 more comments...
  • anonymous on 22 Nov 10
     
    jQuery LazyLoad Ad
  • Vincent Voyer on 22 Nov 10
     
    ça à l'air bien sympa, j'ai testé sur leur site ça fonctionne bien et avec plusieurs providers. LE truc intéressant c'est que comme c'est du "Lazy", ça peut apparaître au moment ou tu scroll la page et donc attirer l'oeil plus rapidement... ? Par contre, le nombre d'afichages de publicités avec cette technique doit baisser énormément car une pub en bas du site ne serait pas affichée si non visible. Comment justifier cette baisse auprès des commerciaux etc? Est-ce qu'un affichage en moins peut impliquer moins d'argent pour le site en question ?
  • anonymous on 22 Nov 10
     
    En général, je scrolle assez vite, et je ne supporte pas le lazyload des images. Donc pour les pubs, ça risque de m'énerver encore plus... ;-) Pour ce qui est du revenu à l'affichage, clair que ça le fait diminuer. Il faut privilégier le revenu au clic...
  • Vincent Voyer on 22 Nov 10
     
    J'aime le lazyload des images s'il est immédiat, sans fade à la noix. Je pense que les lazyload lents ne sont dû qu'à de mauvais plugins/méthodes.
Oncle Tom

Social button BFFs - 1 views

www.phpied.com/social-button-bffs

performance javascript google facebook twitter social webdev code async

shared by Oncle Tom on 28 Sep 11 - No Cached
  • Nicolas Hodin on 28 Sep 11
     
    Une bonne manière de charger les boutons sociaux en s'inspirant du code de Facebook (fonctionne aussi sur les sites mobile).
  • Oncle Tom on 03 Oct 11
     
    Technique pour insérer les boutons sociaux facebook, Twitter et Google+ en asynchrone pour de meilleures performances.
Oncle Tom

Why Separate Mobile & Desktop Web Pages? - 3 views

www.lukew.com/entry.asp

mobile desktop webdev website strategy html responsive ux

shared by Oncle Tom on 15 Sep 11 - No Cached
  • Oncle Tom on 15 Sep 11
     
    Pourquoi créer 2 sites différents pour le mobile et le desktop (toujours pas de traduction/adaptation potable en français ?). Principalement pour des raisons techniques, d'expérience utilisateur et de performance (poids d'images, structure de page, usage adapté).
  • Frank Taillandier on 17 Sep 11
     
    Si l'article le mérite on peut toujours ouvrir un Google Doc et essayer de traduire à plusieurs s'il y a des gens motivés. Eric pourrait même publier la traduction sur son blog. Perso j'ai déjà une traduction sur un long article UX en cours.
Oncle Tom

Styling Elements With Glyphs, Sprites and Pseudo-Elements : Copy & Print Center - 2 views

www.copyandprint.net/hs-sprites-and-pseudo-elements

css webdev sprite glyphs a11y accessibility images performance

shared by Oncle Tom on 28 Mar 11 - No Cached
  • Oncle Tom on 28 Mar 11
     
    Une nouvelle technique pour utiliser les sprites, en utilisant la propriété "clip". 2 avantages évidents :  * réduction des espaces perdus dans les sprites  * le contenu sprité est imprimable
anonymous

SpeedCurve - 0 views

speedcurve.com/about

webperf ux WebPagetest

shared by anonymous on 27 May 14 - No Cached
  • anonymous on 27 May 14
     
    "The plan is simple... - Build a beautiful UI on top of the open source powerhouse that is WebPagetest. - Run everything in the cloud so you don't have to deal with software, servers and terabytes of tests. - Champion web performance benchmarking against competitors and industry categories. - De-geek front-end web performance techniques and bring them to a wider design and developer community who care about crafting their code."
  • Samuel Martin on 16 Jul 14
     
    Je viens de tester le service. L'interface est agréable.. La procédure pour renseigner son site et "celle de ces concurrents" est un un peu longue. Parcontre le temps de génération des résultats est vraiment très longues. L'interface web ne présente pas l'avancée.
Samuel Martin

rflynn/imgmin - 1 views

github.com/imgmin

optimization jpeg

shared by Samuel Martin on 13 Mar 12 - No Cached
  • Samuel Martin on 13 Mar 12
     
    Imgmin applies established best practices and statistical means toautomatically optimize JPEG filesize for each unique image without sacrificing quality, resulting in significant site-wide latency reduction and bandwidth savings which improves user experience and saves money.
  • ...1 more comment...
  • Julien Wajsberg on 13 Mar 12
     
    dommage que l'outil ne sache pas compresser différemment plusieurs parties d'une même image !
  • Samuel Martin on 13 Mar 12
     
    1. Est-ce automatisable ? 2. Le gain est t'il réellement intéressant ?
  • Julien Wajsberg on 14 Mar 12
     
    1. oui, de la même manière que imgmin arrive à automatiser la recherche du meilleur taux de compression global... 2. oui également, c'est la technique utilisée par http://www.jpegmini.com, juge par toi-même.
Laurent Paoletti

15 things you can (and should) do to make your site faster for mobile users - 1 views

www.webperformancetoday.com/...r-site-faster-for-mobile-users

mobile

shared by Laurent Paoletti on 30 Aug 12 - No Cached
  • Laurent Paoletti on 30 Aug 12
     
    August is Speed Awareness Month, and performance experts throughout our community are contributing their perspectives. My post about must-have mobile optimization techniques just went live. Here's the intro... As you probably know, mobile users face unique performance challenges when it comes to implementing the strategies above.
1 - 20 of 27 Next ›
Showing 20▼ items per page