Index. compression 116 Expires, en-tête 116 HTTP, requêtes 116

Transcription

1 Index A Accept-Encoding 35 affichage progressif 0 Ajax 101 définition 102 en-tête Expires positionné dans le futur 107 exemples de mise en cache 10 Google Documents 106 Yahoo! Mail 10 optimisation des requêtes 10 relation entre Web 2.0, DHTML et Ajax 101 requêtes actives 103 passives 103 technologies sous-jacentes 102 Yahoo! UI (YUI) Connection Manager pour Ajax 103 Akamai Technologies, Inc. 20 Alias (directive) 82, 8 Amazon Expires, en-tête 113 recommandations de performance 113 sprites CSS 11 AOL beacons 118 code 20, No Content 116 compression 116 Expires, en-tête 116 HTTP, requêtes 116 recommandation de performance 116 résolutions DNS 118 scripts 117 aucune compression (exemple) 37 auto-indexation 83 B barre d outils Google, redirections 87 beacon 85 avertissement 85 image (exemple) 85 blocage des téléchargements par les scripts (exemple) 50 BrowserMatch, directive 36 C cache, DNS 68 cache, vide vs. pré-rempli 58 Cache-Control, champ d en-tête 2 max-age, directive 2 top 10 des sites web américains les plus utilisés 26 Cache-Control, en-tête 37 CNAME (alias DNS) 9, 8

2 10 Index CNN recommandations de performance 118 sprites CSS 119 texte sous forme d image 118 code 20, No Content AOL 116 code 300, Multiple Choices, Choix multiples 79 code 301, Moved Permanently, Déplacé de façon permanente 79 code 302, Moved Temporarily, Déplacé de manière temporaire 79 code 303, See Other, Remplacé par un autre 79 code 30, Not Modified, Non modifié 79, 9 code 305, Use proxy, Utiliser un serveur mandataire 79 code 306, Plus utilisé 79 code 307, Temporary Redirect, Déplacé de manière temporaire 79 CoDeeN 21 compactage définition 71 utilisés 71 composants à retardement 0 champ d en-tête Expires avec date éloignée 27 comment ils sont cachés et validés requêtes conditionnelles GET 9 ETag, exemple de composants ayant leur ETag modifié 98 exagérer les temps de réponse de 1 mise en cache et validation 93 ETag 95 Expires, champ d en-tête 93 Last-Modified, en-tête de réponse 9 réutilisation des composants 59 s assurer que les utilisateurs possèdent la dernière version 29 solution utilisée par les navigateurs permettant de vérifier la validité des composants 9 téléchargement superflu 96 compression AOL 116 choisir les ressources 32 complète (exemple) 37 effets de bord 36 gains de poids 37 HTML (exemple) 37 HTTP 8 principe 31 tailles avec deflate et gzip 33 Wikipedia 132 compteur d expressions (exemple) 5 connexion persistante 9 contenu, répartition géographique 18 CoralCDN 21 Crockford, Douglas 72 CSS 13, 39, 57 compactage 77 en bas de page vs. en haut de page 1 en haut de page vs. en bas de page CSS en bas 1 exemples compteur d expressions 5 CSS at the Bottom 2 CSS at the Top 3 CSS at the Top 3 CSS en haut de page 2, 3 CSS en haut de page 3 CSS Flash of Unstyled Content 5 scintillement de contenu non mis en forme 5 expressions 53 à exécution unique 5 ce qui impacte la performance 52 gestionnaire d événements 55 modification 5 techniques pour éviter les problèmes 5 intégration dynamique 63 vs. externalisation 57 exemples 57 intégré contre externalisé cache vide contre cache prérempli 58 compromis 60 nombre de pages visitées 58 réutilisation des composants 60

3 Index 11 D page blanche 1 éviter 5 pages d accueil 60 problème avec le positionnement en bas des documents 0 scintillement de contenu non mis en forme 5 éviter 5 sprites Amazon 113 CNN 118 Google 12 Wikipedia 132 Yahoo! 132 téléchargement post-chargement 62 découpe d images avec CSS 13 DEFER, attribut de la balise SCRIPT (Google) 123 deflate 32 tailles de compression 33 DELETE, requête dernière modification (dates) 27 DHTML définition 102 relation entre Web 2.0, DHTML et Ajax 101 DirectorySlash 83, 8 DNS (Domain Name Service) alias 9 AOL 116 approche par liste blanche de navigateurs 36 cache 68 MySpace 130 résolutions 65 cache et TTL valeurs maximales retournées aux clients pour les 10 sites web américains les plus utilisés 67 facteurs influençant la gestion du cache 66 Keep-Alive 69, 70 navigateur (le point de vue du) 68 Firefox 69 Internet Explorer 68 réduire le nombre 70 TTL et mise en cache 66 rôle 65 Dojo Compressor 73 réduction de la taille après compression gzip 77 utilisation 73 E ebay ETags 121 Expires, en-tête 119 HTTP, requêtes 121 IFrames 120 images 120 recommandations de performance 119 résolutions DNS 119 scripts 121 ETag 37, 93 définition 93 efficacité du cache des serveurs mandataires 96 exemple de composants ayant leur ETag modifié 98 format sur Apache 1.3 et 2.x 96 format sur IIS 95 GET, requête conditionnelle 9 options 97 problèmes 95 suppression 98 utilisés 98 YouTube 137 exemples aucune compression 37 avec en-tête Expires 29 avec RDC (CDN) 22 beacon image 87 beacon XMLHttpRequest 87 CDN 21

4 12 Index exemples (suite) combined scripts 17 compression complète 38 compression HTML 38 compteur d expressions 5 CSS at the Bottom 2 CSS at the Top 3 CSS at the Top 3 CSS en bas de page 2 CSS en haut de page 3 CSS en haut de page 3 CSS Flash of Unstyled Content 5 Differed Scripts 52 Duplicate Scripts 10 Cached 91 Duplicate Scripts Cached 90 Duplicate Scripts Not Cached 90, 91 Everything GZipped 38 expressions à exécution unique 55 far future expires 29 gestionnaire d événements 55 grand script compacté 75 grand script obfusqué 75 grand script sans traitement 75 HTML GZipped 38 Image Beacon 87 image map 12 images intégrées 15 images intégrées CSS 16 images réactives (avec) 12 images réactives (sans) 12 inline CSS image 16 inline images 15 intégration dynamique 63 JS et CSS externalisés 57 JS et CSS externes (possibilité de mise en cache) 60 JS et CSS intégrés 57 Large Script Minified 75 Large Script Normal 75 Large Script Obfuscated 75 No CDN 22 no expires 29 no image map 12 Nothing GZipped 37 petit script compacté 7 petit script obfusqué 75 petit script sans traitement 7 RDC 21 sans en-tête Expires 29 sans RDC 22 sans RDC (No CDN) 22 scintillement de contenu non mis en forme 5 script au milieu de la page 7 script différé 52 script dupliqué 10 fois 91 script dupliqué avec mise en cache 90 script dupliqué, sans mise en cache 90 script en bas de page 51 script situé en haut vs. en bas de page 52 Scripts at the Bottom 51 Scripts at the Top 51 Scripts Block Download 50 scripts bloquant le téléchargement 50 scripts dupliqués 90 scripts en haut de page 51 Scripts in the Middle 7 scripts regroupés 17 scripts séparés 17 Scripts Top vs. Bottom 52 separate scripts 17 Small Script Minified 7 Small Script Normal 7 Small Script Obfuscated 75 sprites CSS 1 téléchargement post-chargement 61 XMLHttpRequest Beacon 87 Expires, champ d en-tête 9, 23, 93 alternative 2 Amazon 113 AOL 117 avec date éloignée 27 composants 26 exemple 29 cache 30 vide vs. pré-rempli 26 composants s assurer que les utilisateurs possèdent la dernière version 29 top 10 des sites web américains les plus utilisés 27 définition 23, 2 exemples 29 mod_expires 2 MySpace 130

5 Index 13 nombre de pages vues 26 positionné dans le futur Ajax 107 utilisés 26 Wikipedia 132 YouTube 137 expressions à exécution unique (exemple) 55 F Fasterfox 70 favicons 123 feuille de style, voir CSS fileetag (directive) 97 Firebug 112 Firefox affichage progressif 5 DNS (résolutions) 69 pipelining 10 scripts différés 52 dupliqués 90 téléchargements en parallèle 8 G Garrett, Jesse James 102, 103 gestionnaire d événements (exemple) 55 GET, requête conditionnelle 3, 8, 9 ETag 9 If-None-Match, en-tête 9 Globule 21 Gomez 22 services d analyse web de 112 Google attribut DEFER de la balise SCRIPT 123 HTTP, requêtes 123 recommandations de performance 123 sprites CSS 123 Google Documents 106 grand script compacté (exemple) 7 grand script obfusqué (exemple) 7 grand script sans traitement (exemple) 7 gzip 31 compression 76 effets de bord 36 configuration mod_deflate pour Apache 2.x, module 3 mod_gzip pour Apache 1.3, module 33 documentation mod_gzip 36 exemples 37 fichiers d images et PDF 32 mise en cache sur serveurs mandataires 35 principe de compression 31 problèmes dans IE 36 quelle ressource compresser 32 tailles de compression 33 utilisés 32 utilitaire en ligne de commande 3 H HEAD, requête Hewitt, Joe 111 HTTP 30, réponse 9 compression 8 connexion persistante 9 Expires, en-tête 9 GET, requête 7 conditionnelle 8, 9 Keep-Alive 9 pipelining 10 spécification 7, 10 trafic 3 vue d ensemble HTTP, requêtes 11 AOL 116 Google 123 images intégrées 15 images réactives 11 côté client 13 côté serveur 13 inconvénients 12

6 1 Index HTTP, requêtes (suite) JavaScript et CSS intégrés 16 MSN 125, 126 MySpace 130 sprites CSS 13 technique de téléchargement postchargement 18 types de 7 Yahoo! 133 Hyatt, David 5 I IBM Page Detailer 111 If-None-Match, en-tête 9 IFrames images compression 32 mises ou non en cache 3 images intégrées 15 CSS (exemple) 15 exemple 15 images PNG 132 images réactives 11 côté client 13 côté serveur 13 exemple 13 inconvénients 12 sans (exemple) 13 inodes 95 intégration dynamique (exemple) 63 internationalisation 119 Internet Explorer affichage progressif 5 bogues gzip 36 DNS (résolutions) 68 pipelining 10 problèmes avec gzip 36 schéma data 15 scripts différés 52 scripts dupliqués 91 téléchargements en parallèle 8 XMLHTTP 102 J JavaScript 57, 63 compactage 71 définition 71 exemples 7 gains 72 dépendances et versions 91 éviter le gâchis 75 intégration 16 exemples 57 vs. externalisation 57 intégré contre externalisé cache vide contre cache pré-rempli 58 compromis 60 nombre de pages visitées 58 réutilisation des composants 60 module de gestion de script 91 obfuscation 72 pages d accueil 60 réduction MySpace 130 scripts dupliqués 89 éviter 91 performance 90 scripts intégrés compactage 75 téléchargement post-chargement 62 JS et CSS externes (exemple de mise en cache) 60 JS et CSS externes (exemple) 57 JS et CSS intégrés (exemple) 57 JSLint 112 JSMin 73 réduction de la taille après compression gzip 77 réduction de taille utilisation 73 K Keep-Alive 9 DNS (résolutions) 69 Firefox et IE 69 résolutions DNS 70 Keynote Systems 22

7 Index 15 L Last-Modified, champ d en-tête 27 Last-Modified, en-tête de réponse 9 Limelight Networks, Inc. 20 M max-age, directive 2 utilisés 26 Mirror Image Internet, Inc. 20 mise en cache sur serveurs mandataires gzip 35 mod_autoindex 83 mod_deflate pour Apache 2.x,module 3 mod_dir 83 mod_expires 2 mod_gzip, module Apache 33 version mod_gzip,documentation 36 mod_gzip_minimum_file_size, directive 32 mod_rewrite 82 MSN compacter le code JavaScript 125 compression 125 ETag 127 Expires, en-tête 125 HTTP, requêtes 125, 126 IFrames 126 performance, recommandations 125 résolutions DNS 125 sprites CSS 126 MySpace compacter le JavaScript 129 Expires, en-tête 129 HTTP, requêtes 129 recommandations de performance 129 résolutions DNS 130 N navigateurs, comportements différents 5 network.http.max-persistent-connectionsper-server, paramètre 8 Nielson, Jakob 0 noms d hôte, réduire le nombre 70 Nottingham, Mark 29 O O Reilly, Tim 102 obfuscation 72 optimisation alternative 72 OPTIONS, requête P pages d accueil 60 pages visitées, nombres de 58 parallélisation 117 YouTube 137 PDF, fichiers, compression 32 performance amélioration des temps de réponse grâce aux RDC 21 analyser couche présentation 1 de la couche présentation 1 de page web 1 GET, requête conditionnelle 3 images mises ou non en cache 3 des 10 sites américains les plus utilisés rechercher dans les pages web 1 rechercher le temps perdu 3 recommandations Amazon 113 AOL 116 CNN 118 Google 123 MSN 125

8 16 Index performance (suite) MySpace 129 Wikipedia 132 Yahoo! 132 YouTube 136 redirections 3 scripts 3 tests de temps de réponse 22 utilisés protocole de tests 111 résumé 109 petit script compacté (exemple) 7 petit script obfusqué (exemple) 7 petit script sans traitement (exemple) 7 PHP file_get_contents, fonction 15 pipelining 10 PlanetLab 21 poids de la page, palmarès américain, sites web 109 POST, requête préchargement 12 publicité, diffuser 119 PUT, requête R RDC avec (exemple) 21 sans, (exemple) 21 redirections 3, 79 alternatives 82 absence de slash final 82 connecter plusieurs sites web 8 tracer le trafic interne 8 tracer le trafic sortant 85 URL simplifiées 87 différents types de 79 étude des 10 sites web américains les plus utilisés 82 problèmes de performance 80 règle d or de la performance, 5 regroupement de scripts (exemple) 18 répartition géographique de contenu 19 requêtes conditionnelles GET 9 requêtes passives et actives 103 réseau de diffusion de contenu, RDC 18 Akamai Technologies, Inc. 20 amélioration des temps de réponse 21 avantages 21 CoDeeN 21 CoralCDN 21 définition 20 fournisseurs de services 20 gratuits 21 top 10 des sites web américains les plus utilisés 20 Globule 21 inconvénients 21 Limelight Networks, Inc. 20 Mirror Image Internet, Inc. 20 SAVVIS Inc. 20 Speedera Networks 20 retour visuel 0 S SAVVIS Inc. 20 schéma 15 scripts 3, 7 AOL 117 au milieu de la page (exemple) 7 blocage des téléchargements 50 dépendances et versions 91 différés (exemple) 52 duplication 89 éviter 91 performance 90 dupliqués 10 fois (exemple) 91 dupliqués, en cache (exemple) 90 dupliqués, non mis en cache (exemple) 90 ebay 121 en bas de page (exemple) 51, 52 en haut de page (exemple) 51 en haut vs. en bas de page (exemple) 52 module de gestion de script 91 nombre pour les 10 sites web américains les plus utilisés 89 problèmes avec 7 séparés (exemple) 18 téléchargements en parallèle 8 Yahoo! 133

9 Index 17 ServerInfoTimeOut, valeur 69 serveurs web d applications, proximité des utilisateurs 18 serveurs web de composants, proximité des utilisateurs 18 Shea, Dave 15 ShrinkSafe 73 sleep.cgi 0 Speedera Networks 20 sprites CSS 13 T téléchargement post-chargement exemple 61 technique 18 téléchargements améliorer le temps de 5 bloqués par les scripts 50 en parallèle 8 coût 9 limiter 8 temps de réponse exagérer pour les composants 1 impact le plus important sur 8 tests 22 utilisés 109 texte sous forme d image 118 Theurer, Tenni 27 utilisés compactage 71 scripts intégrés 75 ETag 98 Expires, champ d en-tête composants avec 27 et directive max-age 26 fournisseurs de services RDC 20 nombre de scripts et de feuilles de style 89 note YSlow 109 poids de la page 109 protocole de tests 111 redirections 82 résumé des performances 109 scripts et feuilles de style 16 temps de réponse 109 TTL valeurs maximales retournées aux clients 67 utilisation de la compression 32 TRACE, requête trames, AOL 116 TTL cache DNS 66 TTL valeurs maximales retournées aux clients pour les 10 sites web américains les plus utilisés 67 U Université de New York 21 Université de Princeton 21 Université Vrije (Amsterdam) 21 URL data schéma 15 principal inconvénient 15 URL http schéma 15 URL, simplification 87 W Web définition 102 relation entre Web 2.0, DHTML et Ajax 101 Wikipedia compression 132 Expires, en-tête 132 images PNG 132 performance, recommandations 132 sprites CSS 132 X XMLHttpRequest 87 XMLHttpRequest beacon (exemple) 85

10 18 Index Y Yahoo! 1, deux URL référençant la même image 132 domaines 135 HTTP, requêtes 133 recommandations de performance 132 scripts 133 sprites CSS 132 Yahoo! Mail exemple de mise en cache Ajax 10 Yahoo! Search Yahoo! Shopping et le RDC Akamai 21 Yahoo! UI (YUI) Connection Manager pour Ajax 103 YouTube Etag 137 Expires, en-tête 136 parallélisation 137 recommandations de performance 136 YSlow 112 notes définition 109 top 10 des sites web américains les plus utilisés 109