[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. This should fix the problems some users have had (you should be able to just unzip and run now) 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.
Kompatibilitätsmodus für Internet Explorer 8 – Türchen 16 | TYPO3 Blogger Der heutige Eintrag stellt eine kleine Extension vor, die das Leben des Supports und aller Anwender mit Internet Explorer 8 erleichtern sollte. Das derzeit herrschende Problem ist, dass User mit diesem Browser manchmal aus dem TYPO3-Backend ausgeloggt werden. Der Hintergrund Wenn aufgrund von falsch interpretiertem Code der IE in den Quirks-Modus fällt, ist die aktuelle Session und damit der Login nicht mehr gültig und der Browser wechselt in den sogenannten Kompatibilitätsmodus. Die Extension ie8compatmode Der Kompatibilitätsmodus kann entweder manuell über das Menü des Browsers (Seite > Kompatibilitätsansicht) aktiviert werden oder über einen bestimmten Meta-Tag: Hier kommt die Extension ie8compatmode ins Spiel, die über XCLASS den Meta-Tag automatisiert setzt. Das Besondere Die Extension gibts vorab für alle typo3blogger-Leser ganz exklusiv hier.
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.
The HTML5 test - How well does your browser support HTML5? 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. 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 Il reste que même si les résultats sont collectés automatiquement et centralisés par la suite, on demande encore à un utilisateur de parcourir le site. Fonctionner sans fenêtre On commence à s’approcher de ce que pourrait faire un serveur de test ou de mesure. Au final
Framote: Browser-Fernsteuerung für Layout-Tests Langweilige Websites gibt es bei dir nicht? Hier findest du deinen neuen Job!t3n.de/jobs/ Framote setzt sich auf den Begriffen Frame und Remote zusammen. Und genau das bietet das kostenlose Online Tool von Jaime Caballero : Ein fernsteuerbares Iframe. Auf der Webseite von Framote gebt ihr eine URL ein und generiert zwei Links: Die Framote-URL, die auf den darstellenden Geräten aufgerufen werden muss und die Control URL, die ihr benutzen könnt, um die Frames fernzusteuern. Unter der Framote-URL findet sich ein Inline-Frame, das mit einem Ajax-Script im Hintergrund auf die aktuelle URL, die im Framote-Control-Bereich hinterlegt werden kann, gesetzt wird. So können automatisch und ohne jedes Endgerät von Hand reloaden zu lassen, Webseiten auf ihre Responsive-Eigenschaften hin getestet werden. Auf der Webseite von Framote könnt ihr euch vom Nutzen des Tools selbst überzeugen.
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
Diese 8 Tools helfen dir beim Testen mobiler Websites Simulatoren Simulatoren versuchen das Verhalten eines bestimmten Gerätes nachzuahmen. Oft wird hierbei lediglich der Bildschirm-Ausschnitt verkleinert. iPhone-Tester Mit dem Online-Tool iPhone-Tester können Websites auf ihre Wirkung auf dem iPhone hin getestet werden. iPhoney iPhoney ist die „Offline“-Version von iPhone-Tester, die als eigenständiger Download für den Mac daherkommt und auch das Drehen des iPhones simulieren kann. iPad Peek iPad Peek simuliert die Darstellung euerer Webseiten auf einem iPad im Hoch- und Querformat. Screenfly Mit Screenfly können Webseiten in einer Vorschau für verschiedenste Geräte-Größen und -Typen getestet werden. Mobile Phone Emulator Der Mobile Phone Emulator ist einer der beliebtesten Emulationen, da er auch die Kompatibilität der Webseite mit vielen verschiedenen Geräten zahlreicher Hersteller überprüfen kann, darunter auch Samsung, LG und HTC. Emulatoren iOS Simulator Opera Mini Simulator Android Simulator
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. It takes a lot less time to transfer files that are smaller. 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: <? 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
YUI Compressor According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a web application usually yields the biggest savings and that should always be a primary strategy. With the right design in place, there are many secondary strategies for improving performance such as minification of the code, HTTP compression, using CSS sprites, etc. In terms of code minification, the most widely used tools to minify JavaScript code are Douglas Crockford's JSMIN, the Dojo compressor and Dean Edwards' Packer. Documentation: Detailed description of the YUI Compressor and how to use it. How does the YUI Compressor work? Using the YUI Compressor from the command line Additional notes
Browser Statistics 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. Voir Charte 3 Vous faites connaître votre engagement volontaire sur Internet Site bénéficiaire * La certification utilisée a pour rôle de garantir l’origine renouvelable de l’électricité.