{"id":38,"date":"2008-02-15T16:00:58","date_gmt":"2008-02-15T15:00:58","guid":{"rendered":"http:\/\/blog.till.de\/2008\/02\/15\/webseitenbeschleunigung-mit-yslow\/"},"modified":"2008-02-15T16:58:28","modified_gmt":"2008-02-15T15:58:28","slug":"webseitenbeschleunigung-mit-yslow","status":"publish","type":"post","link":"https:\/\/blog.till.de\/allgemein\/webseitenbeschleunigung-mit-yslow\/","title":{"rendered":"Webseitenbeschleunigung mit YSlow"},"content":{"rendered":"<p>YSlow ist ein von Yahoo! entwickeltes Addon f\u00fcr den Browser Firefox, welches selber auf dem Addon Firebug aufbaut. Zusammen mit YSlow hat Yahoo! eine Liste von Empfehlungen f\u00fcr Webseitenoptimierung herausgegeben, in denen die wichtigsten Punkte aufgef\u00fchrt sind. Mit YSlow kann man diese Empfehlungen komfortabel \u00fcberpr\u00fcfen. Ich werde hier kurz die Installation beschreiben und danach auf die einzelnen Optimierungsschritte eingehen.<\/p>\n<p><!--more--><\/p>\n<h3>Installation<\/h3>\n<p>Zuerst muss das Addon Firebug installiert werden. Das Addon kann von <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/1843\">addons.mozilla.org<\/a> direkt installiert werden. Nach der erfolgreichen Installation von Firebug, kann nun das Addon YSlow installiert werden. Dieses ist ebenfalls direkt von <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/5369\">addons.mozilla.org<\/a> verf\u00fcgbar. Nachdem beide Addons installiert sind, kann nun mit der Anwendung von YSlow gestartet werden.<\/p>\n<h3>Anwendung<\/h3>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2008\/02\/yslow-field.png\" alt=\"YSlow Feld\" align=\"right\" \/>Die von Yahoo! ver\u00f6ffentlichenden <a href=\"http:\/\/developer.yahoo.com\/performance\/rules.html\">Tips &amp; Tricks zur Webseitenoptimierung<\/a> beinhalten alle Optionen, die YSlow pr\u00fcft. Um YSlow zu benutzen, m\u00fcssen Sie erst die gew\u00fcnschte Website im Browser \u00f6ffnen. In der Statuszeile befindet sich ein Feld, welches von YSlow eingeblendet wird. Ein Klick auf dieses Feld \u00f6ffnet Firebug und zeigt die Startseite von YSlow an.<\/p>\n<p>Hier hat man nun 3 &Uuml;bersichten zur Auswahl: &#8222;Performance&#8220;, &#8222;Stats&#8220; und &#8222;Components&#8220;. Die Auswertung der Tips &amp; Tricks von Yahoo! befinden sich in der &Uuml;bersicht &#8222;Performance&#8220;. Hier kann man genau sehen, an welchen Punkten noch Arbeit notwendig ist, um die Seiten performanter zu machen. (Screenshot <a href=\"\/wp-content\/uploads\/2008\/02\/yslow-performance.png\" title=\"YSlow Performance\">YSlow Performance)<\/a><\/p>\n<p>Eine weitere interessante &Uuml;bersicht ist &#8222;Components&#8220;. In dieser werden alle Komponenten der Website mit allen Daten angezeigt. So sieht man z.B. welcher Expire eingetragen ist oder ob die Datei gepackt ausgeliefert wurde oder nicht. (Screenshot: <a href=\"\/wp-content\/uploads\/2008\/02\/yslow-components.png\" title=\"YSlow Components\">YSlow Components<\/a>)<\/p>\n<p>Mit diesen Informationen kann man nun den eigentlichen HTML-Aufbau optimieren als auch serverseitig Ma&szlig;nahmen treffen, um die Tips &amp; Tricks von Yahoo! umzusetzen. Die Konfiguration eines Apache-Webservers wird im n\u00e4chsten Beitrag n\u00e4her unter die Lupe genommen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>YSlow ist ein von Yahoo! entwickeltes Addon f\u00fcr den Browser Firefox, welches selber auf dem Addon Firebug aufbaut. Zusammen mit YSlow hat Yahoo! eine Liste von Empfehlungen f\u00fcr Webseitenoptimierung herausgegeben, in denen die wichtigsten Punkte aufgef\u00fchrt sind. Mit YSlow kann man diese Empfehlungen komfortabel \u00fcberpr\u00fcfen. Ich werde hier kurz die Installation beschreiben und danach auf&hellip;&nbsp;<a href=\"https:\/\/blog.till.de\/allgemein\/webseitenbeschleunigung-mit-yslow\/\" class=\"\" rel=\"bookmark\">Weiterlesen &raquo;<span class=\"screen-reader-text\">Webseitenbeschleunigung mit YSlow<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[],"tags":[45,47,48,49],"_links":{"self":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts\/38"}],"collection":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":0,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}