Browser Statistics HTTP Archive Viewer 2.0.15 Paste HAR log into the text box below and press the Preview button.Or drop *.har file(s) anywhere on the page (if your browser supports that). HAR Log Examples Inline scripts block - Inline scripts block the page load. Blocking time - Impact of a limit of max number of parallel connections. Browser cache - Impact of the browser cache on page load (the same page loaded three times). HAR Logs Online You can also preview any HAR file (in JSONP format) that is available online by using inputUrl parameter (see more in the About tab): This viewer supports HAR 1.2 (see the About tab). Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Reducing the number of HTTP requests in your page is the place to start. top | discuss this rule Use a Content Delivery Network tag: server tag: css
HTTP Compression Test Compressing your content saves bandwidth and improves render time, particular on devices with slow internet connections. But it also reduces load on your server. While it does take some amount of computer power to compress files on the fly, you save much more power by having your server doing fewer things at once. The best way to enable this compression, is by using mod_deflate or mod_gzip. Simply add this line to the top of your PHP documents: <? [Nullpointer] WebTracer is an project based on the intention to visualise the structure of the web. There are many applications that analyse websites for structural integrity and diagnostic purposes, but few reveal the visual structure that web hypertext creates. Webtracer represents this structure as a three dimensional molecular diagram, with pages as nodes(atoms) and links as the strings(atomic forces) that connect those nodes together. Downloadwebtracer2.zip (PC) (approx 780k) UPDATE: I have changed the download file to include some .dll files that are needed to run the spider on some PCs. Usage WebTracer is spilt into two programs the 'Spider' and the 'Visualizer'. The Spider You launch the spider with 'spider.exe' and after entering a URL of a website in the top field you can hit return or press the start button below. The Visualizer You launch the Visualizer with 'visualizer.exe' and after loading you will be shown an empty 3D space and some helpful text hints.
6 outils pour améliorer les performances d'un blog / site Web Les internautes ne sont pas patients, c’est un fait ! Aussi, il est de notre devoir d’optimiser au maximum un site ou un blog afin de ne pas voir nos chers lecteurs partir comme des sauvages. Mais avant de l’optimiser, il faut déceler les problèmes. C’est justement l’idée de cet article, vous présenter 6 outils pour tester votre blog ou site Web afin d’en améliorer ses performances… 1. Google Page Speed est un module spécialement dédiée à Firefox et Firebug. 2. YSlow est aussi un module qui s’intègre à Firebug. 3. GTmetrix est un service Web basé sur l’API de Yahoo et Google. 4. Web Page Analyzer offre moins d’options que les outils précédents. 5. WebPagetest effectue une grosse analyse. 6. Boomerang est un autre service Yahoo! Et vous, comment testez-vous vos performances ? Etiquettes : améliorerBlogOutilsperformancesite Webvitesse Description de l'auteur Cédric blog depuis mars 2009 sur Autour du Web.
Automatisation de Yslow La prise de conscience sur le sujet des performances web évolue. Beaucoup d’équipes ont désormais appliqué quelques recettes de base, ou ont au moins un item dédié dans la liste des choses à faire. Il reste toutefois à passer une phase d’industrialisation. Lancer Yslow tous les mois à la main n’est pas toujours idéal. Cela implique de reporter des résultats manuellement et du coup de ne le faire que pour un nombre limité de pages. On se retrouve aussi à devoir trier les métriques pour y associer une priorité et ne pas se retrouver à devoir tout faire immédiatement. Une approche pragmatique voudrait qu’on puisse automatiser Yslow et s’occuper régulièrement des points et des pages les plus prioritaires. Importer et centraliser les résultats Tout ce que vous avez à faire c’est modifier deux valeurs de configuration dans votre about:config : extensions.firebug.yslow.beaconUrl et extensions.firebug.yslow.optinBeacon. Automatiser la procédure Fonctionner sans fenêtre Au final
Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Reducing the number of HTTP requests in your page is the place to start. top | discuss this rule Use a Content Delivery Network tag: server The user's proximity to your web server has an impact on response times. top | discuss this rule top | discuss this rule tag: css
Pack green IT de base, certification green it - Calculer energie site web - Wattimpact Offre réservée aux professionnels Abonnement pour 12 mois payable intégralement à la commande Audience de votre site : jusqu’à 25 000 pages vues par mois 1 Vous évaluez l’impact environnemental de votre site à partir de son trafic réel observé (en kWh et équivalent CO2) 2 Vous bénéficiez de garanties environnementales associées à vos consommations Web - Qu’une quantité d’électricité de 1000 kWh provient de sources d’énergie renouvelables * - Qu’une contribution de 3 c€/kWh certifié dans de nouveaux projets en France d’amélioration écologique ou de nouvelles capacités de production d’électricité renouvelable. Site bénéficiaire * La certification utilisée a pour rôle de garantir l’origine renouvelable de l’électricité.
Google Images : refonte complète du service Google vient d’annoncer sur un de ses blogs officiels une refonte de son moteur de recherche Google Images. La firme de Mountain View lancera d’ici quelques jours une toute nouvelle interface, plus claire, plus rapide et surtout plus efficace. Cette refonte est notamment inspirée des retours et critiques des utilisateurs et webmasters qui regrettaient la lenteur du service. Une recherche plus rapide, plus efficace, et plus ergonomique Les premières captures d’écran mises en ligne par Google montrent un affichage des résultats de recherche modifié. Une fois l’image qui vous intéresse sélectionnée, celle-ci s’affichera au centre de l’écran tout en permettant de continuer à naviguer sur les résultats via le clavier. Les meta-données mises en avant L’image sélectionnée par l’utilisateur laissera apparaître les meta-données telles que la taille, le titre, la source ou la résolution directement sur la page principale.
Comment perdre du poids (dans le navigateur) Joomla-SEO || Search Engine Optimization tips for Joomla