WebDevTeam’s Blog

Ich bin echt überrascht, dass dies so “einfach” funktioniert. Mit der Xenocode Browser Sandbox kann man die folgenden Browser per Plugin direkt vom bzw. im Firefox starten:

• Ie6 / 7 / 8
• Firefox 2 / 3
• Chrome
• Opera
• Safari

Es öffnet sich dann der entsprechende Browser als eigenständiges Fenster. Habe es gerade mit dem IE6 probiert und es geht wunderbar.

Allerdings kamen auf verschiedenen Seiten JavaScript-Fehler, die in anderen Browsern und auch in unserem “richtig” installierten Test-IE6 nicht auftraten, selbst bei Google und die Message Box selbst hat auch Fehler, sodass der eigentliche Sinn des IE6 zum Testen wieder in Frage gestellt wird.

Das Plugin kann im Firefox auch einfach wieder deaktiviert werden (Extras / Addons / Plugins).

via

Unbedingt mal lesen: Demystifying the jQuery selectors optimization… wenn das so stimmt

Gerade bei ajaxian gelesen – MySpace hat eine zu installierende Erweiterung für den Internet Explorer (6+) rausgebracht:

MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages.

“Let’s make the web faster” … wenn man doch mehr Zeit zum Lesen hätte Die Artikel stehen direkt im Zusammenhang mit “Web Performance Best Practices“, siehe auch Google Code – Page Speed.

Ich bin mal so frei, die Links des Kollegen M. zu posten

• http://www.artzstudio.com/2009/04/jquery-performance-rules/
• http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx#tip6
• http://jquery-howto.blogspot.com/2009/02/5-easy-tips-on-how-to-improve-code.html
• und ein Link, den ich per Twitter “bekommen” habe: http://maxblog.me/2009/04/20/more-than-25-excellent-tips-to-improve-jquery/

Performance Messungen:

• http://benjaminsterling.com/jquery-what-are-the-fastest-selector/
• http://mootools.net/slickspeed/

Update 24.06.

• http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/

Wir haben uns extra den 8er IE installiert, weil man dort einfach in den Compatibility View umschaltet, damit man den 7er IE testen kann. Mir persönlich war es ehrlich gesagt schon immer etwas suspekt, ob der IE8 das dann auch richtig als IE7 rendert. Heute haben wir leider festgestellt, das die Seite im Compatibility View falsch gerendert wird.

IE8:

IE8 im Compatibility View als IE7:

und der richtige IE7 macht es wieder richtig:

Wir benutzen einen Image Teaser, der overflow: hidden; aber eine feste Höhe und Breite hat.

Das mit overflow: hidden; macht im IE nur dann Probleme, wenn man keine Höhe angibt.

Im SuperPreview ist übrigens genau das gleiche Problem:

D.h. ich werde dem IE8 Compatibility View ab sofort nicht mehr trauen und wieder meinen IE7 im VMWare Image zum testen nehmen (müssen).

Hammerhead adds a tab to Firebug for measuring the load time of web pages.

Damit ist es auch möglich, mehrere Seiten zu messen und zu vergleichen:

Bei Google Code gibt es jetzt eine nützliche Erweiterung für den Firebug: Page Speed. Wie bei YSlow wird die aktuelle Webseite bzgl. Performance Kriterien analysiert. Die Web Performance Best Practices sollte man sich auf jeden Fall anschauen.

XRefresh lädt die Seite im Browser (Firefox oder IE) automatisch neu, wenn man Dateien (CSS, JS, HTML etc.) in einem zugewiesenen Ordner ändert. Leider funktioniert es bei mir nicht und führt dazu, dass sich der Firebug gar nicht mehr öffnen lässt

Besser siehts da schon mit Firebug Net Panel History Overlay aus. Dies ist dann nützlich, wenn man die Ladezeiten analysieren möchte, während man z.B. die Dateien packt, Grafiken als CSS Sprites zusammenfasst, gzip ausprobiert usw.

Durch 11 Absolutely Necessary Web-Based Tools for a Freelance Web Designer bin ich auf die Seite von Crazy Egg gekommen.  Diese tracken gegen Geld, wo der Nutzer auf der Seite geklickt hat und bereiten dies als Overlay, Liste, Heatmap oder Confetti auf. Sehr interessant! Einfach mal auf die Demoseite gehen und dort oben rechts zwischen den Ansichten wechseln.

Quelle

Quelle