Blog

Webseiten Geschwindigkeit und Hosting

Browser Caching nutzen - besserer Pagespeed

Browser Caching nutzen - besserer Pagespeed

Browser Caching nutzen, was ist damit bei Pagespeed Insights gemeint? Ganz einfach, die Daten die vom Browser geholt werden von der Webseite, werden zwischengespeichert. Nicht immer macht es Sinn, es sollte schon etwas beachtet werden.

Werden die Daten oft verändert?

Wie lang sollen die Daten im Browser Cache abgelegt werden

Auf diese Variablen habt ihr Zugriff bspw mit mod expires. Einen Blogpost früher habe ich etwas über die "ultimative" htaccess geschrieben.

Am besten euer Hoster hat mod_expires installiert im Apachen, dann könnt ihr einfach über die htaccess mod_expires für Browser Caching konfigurieren.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType application/x-javascript A1209600
ExpiresByType text/javascript A1209600
ExpiresByType application/javascript A1209600
ExpiresByType text/css A31536000
AddType image/x-icon .ico

# Set specific expriation by file type
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/ico "access plus 1 month"
ExpiresByType image/icon "access plus 1 month"

ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A1209600
ExpiresByType image/jpg A1209600
ExpiresByType image/png A1209600
ExpiresByType application/x-shockwave-flash A1209600
ExpiresByType font/ttf A2592000
ExpiresByType font/otf A2592000
ExpiresByType font/x-woff A2592000
ExpiresByType image/svg+xml A2592000
ExpiresByType font/truetype A2592000
ExpiresByType font/opentype A2592000
ExpiresByType application/x-font-woff A2592000
ExpiresByType application/vnd.ms-fontobject A2592000


</IfModule>

Was bedeutet das für das Browser Caching, werdet ihr euch fragen. Ganz einfach, nehmen wird das mal auseinander.

<IfModule mod_expires.c> leitet das ganze ein und verhindert einen Server Fehler, falls mod_expires nicht installiert ist.

Danach folgt ein ExpiresByType, was einfach eine Anweisung ist, was gecached werden soll. Das kann zb

ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A1209600

sein. Hier in diesem Beispiel werden die Gif und Jpeg Bilder im Browser gecached..

Was bedeutet aber das A2592000 bei den Jpeg?

Hinter dem Typ was gecached werden soll steht immer ein A und eine Zahl, was nichts anderes bedeutet als die Zeit die gecached werden soll. In diesem Fall sind es Sekunden bis ein Bild neu geladen werden soll und der Cache nicht mehr funktioniert.

Warum dann nicht ewig cachen? 

Das ist ganz einfach zu beantworten. Wenn ihr eine Webseite habt, ändert sich auch mal was. HTML Dokumente können auch gecached werden, ändert sich nun das Dokument, wird die gecachte Version trotzdem geladen. Also das "alte" ohne aktuelle Informationen. Das muss man etwas abwiegen wie lange man ein Dokument oder Bild cachen möchte.

Wann bringt das Caching was?

Cache bringt auf jeden Falle ein Geschwindigkeitsschub, birgt allerdings das Risiko eine veraltete Version auszuliefern.

Weiterlesen
  1484 Aufrufe
Markiert in:
1484 Aufrufe

Die ultimative .htaccess für schnelle Webseiten

Die ultimative .htaccess für schnelle Webseiten

Über die .htaccess kann man cachen und komprimieren. Nicht immer funktioniert das, wenn Apache Module nicht aktiv sind. Deswegen nehmen wir in der htaccess ein "ifmodule" auf.

Ihr könnt mit der Ergänzung einige Punkte gut machen beim Pagespeed Test hier und bei Google Pagespeed Insights.

# Deflate Komprimerung mit IFMODULE


<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-shockwave-flash
</IfModule>

Falls mod Expires verfügbar ist, wird gecached!

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType application/x-javascript A1209600
ExpiresByType text/javascript A1209600
ExpiresByType application/javascript A1209600
ExpiresByType text/css A31536000
AddType image/x-icon .ico

# Set specific expriation by file type
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/ico "access plus 1 month"
ExpiresByType image/icon "access plus 1 month"

ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A1209600
ExpiresByType image/jpg A1209600
ExpiresByType image/png A1209600
ExpiresByType application/x-shockwave-flash A1209600
ExpiresByType font/ttf A2592000
ExpiresByType font/otf A2592000
ExpiresByType font/x-woff A2592000
ExpiresByType image/svg+xml A2592000
ExpiresByType font/truetype A2592000
ExpiresByType font/opentype A2592000
ExpiresByType application/x-font-woff A2592000
ExpiresByType application/vnd.ms-fontobject A2592000


</IfModule>

Alternativ auch mod_headers nutzen!

<IfModule mod_headers.c>
Header set Connection keep-alive
<filesmatch "\.(ico|flv|gif|swf|eot|woff|otf|ttf|svg)$">
Header set Cache-Control "max-age=2592000, public"
FileETag none
</filesmatch>
<filesmatch "\.(jpg|jpeg|png)$">
Header set Cache-Control "max-age=1209600, public"
FileETag none
</filesmatch>
<filesmatch "\.(eot|woff|otf|ttf|svg)$">
Header set Cache-Control "max-age=2592000, public"
FileETag none
</filesmatch>
# css and js should use private for proxy caching https://developers.google.com/speed/docs/best-practices/caching#LeverageProxyCaching
<files "*.css$">
Header set Cache-Control "max-age=31536000, private"
FileETag none
</files>
<files "*.js$">
Header set Cache-Control "max-age=1209600, private"
FileETag none
</files>
</IfModule>

Die Werte können natürlich auf die eigenen Bedürfnisse angepasst werden. Das wichtigste ist meiner Meinung nach Deflate, Caching ist natürlich auch wichtig.

Deflate und Caching ist auf den Servern von SEO-NW Standard. Das Ifmodule klammert die Module aus, falls diese auf dem Servern nicht verfügbar ist, es sollte also kein Server Fehler erscheinen. Ob es funktioniert seht ihr auch auf http://www.pagespeed.de .

Weiterlesen
  1439 Aufrufe
1439 Aufrufe

CSS minimieren und optimieren - unnötiges entfernen

CSS minimieren und optimieren - unnötiges entfernen

CSS sollte optimiert sein. Cascading Style Sheets sind meistens universell für Templates geschrieben worden. 60% und mehr könnten eingespart werden. Dazu testete ich ein Tool und WOW. Es funktioniert. Die Seite braucht weniger CSS was die Auslieferung beschleunigt.

Wer gerne sein CSS optimieren möchte kann mir eine Mail schreiben. Gegen einen Backlink bin ich gerne bereit euer CSS zu optimieren. 

Cascading Style Sheets können automatisch und manuell bearbeitet werden. Wer das schonmal gemacht hat, weiss wieviel Zeit die manuelle Nachbearbeitung verschlingen kann. Ich nutze ein Tool was automatisch das CSS optimiert.

 

Noch ein kleiner Hinweis:

  • Die Komprimierung per mod Deflate bringt natürlich auch sehr viel. Bevor man das CSS kleiner macht, sollte man auch das Cascading Style Sheet komprimiert ausliefern. Das spart jede Menge und sollte Standard sein.
  • CSS kleiner machen: Whitespace entfernen und kommentare können bedenkenlos entfernt werden. Dazu gibt es solche CSS Shrinker 

:)

Euer Pagespeed Alex

Weiterlesen
  1515 Aufrufe
1515 Aufrufe

Google Pagespeed Insights Optimierung

Google Pagespeed Insights Optimierung

Google Pagespeed Insights hat für mich ein neues Feature. Vorher hatte ich es wohl übersehen..

https://developers.google.com/speed/pagespeed/insights/

Dort kann nach Eingabe unter der Auswertung optimiertes herunter geladen werden. Sei es CSS oder Images, diese werden optimiert in einer Zip zum Download angeboten.

Bitte vorher ein Backup der Javascript, CSS und Bilder machen. Es wird nicht garantiert das das Pagespeed Optimierte auch funktioniert.

Trotzdem nützlich, allerdings sind bei meinem Test die Bilder zu hoch runter gesampelt gewesen und es sah etwas pixelig aus.

 

 

Weiterlesen
  1481 Aufrufe
1481 Aufrufe

SEO NW Hosting Gutschein

Wir haben einen universellen SEO NW Hosting Gutschein der bis zum 31.03.2015 gültig ist. Der Gutschein gilt für die Einrichtungsgebühr und gilt für alle Webhosting Pakete von SEO NW.

3IQGDH-J7YHGQ-6IGX3E-4NS2DB

Hier gehts zum schnellen Hosting

SEO NW ist ein Premium Hoster mit schnellen Servern und wenigen Kunden pro Server. Pagespeed.de gehört zum SEO NW Netz und wird kontinuierlich verbessert.

 

Weiterlesen
  1330 Aufrufe
1330 Aufrufe

Pagespeed mobile Ranking Faktor bei Google

Google schraubt mal wieder an seinem Algo. Ihr solltet Webseiten erstellen die unter 200ms ausliefern, sonst wird das nix mit dem mobile friendly Algo von Google. Google empfielt unter 200ms zu bleiben und Webseiten mobile friendly zu erstellen. Viele Besucher kommen mittlerweile über Smartphones auf Webseiten ( oder Tablets ).

Stichtag ist der 21.April 2015!

Am 21. April 2015 wird Google Webseiten betrafen die nicht mobile freundlich sind. Webseiten die bspw zu langsam oder nicht responsive sind, werden nach hinten durchgereicht. Dazu habe ich bereits was im SEO Forum geschrieben.

https://seo-nw.de/forum/suchmaschinenoptimierung/google-forum/95214-gerücht-google-bevorzugt-mobile-friendly-webseiten?p=95983#post95983

Bitte achtet darauf und macht das eventuelle Redesign. Es wird sich lohnen.

 

Weiterlesen
  1207 Aufrufe
1207 Aufrufe

Webseiten mit einem Content Delivery Network (CDN) beschleunigen.

Content Delivery Networks (CDNs) spielen eine zentrale Rolle wenn es um Pagespeed geht. Dank einem CDN können Inhalte schneller an die User geliefert werden. Der Markt der CDNs bietet interessante Optionen für jedes Budget. KeyCDN ist eines der CDNs, das Enterprise-Features und ein pay-as-you-go (PAYG) Preismodell kombiniert.

Plugins vereinfachen das Leben
Falls ein Content Management System (CMS) verwendet wird, dann lohnt es sich ein mögliches Plugin in Betracht zu ziehen. Das Plugin übernimmt die Integration vom CDN. So müssen lediglich die CDN-Einstellungen eingetragen werden und das Plugin erledigt den Rest. Das Plugin sorgt also dafür, dass statische Inhalte wie CSS, PNG oder PDF direkt vom CDN geladen werden. Auch ohne Plugin lässt sich ein CDN integrieren, jedoch müssen dann gewisse Schritte manuell vorgenommen werden. Ein Plugin ist also auf jeden Fall empfehlenswert.

Ein CDN auswählen
Nach der Installation des Plugins, kann das CDN dazu geschaltet werden. Es gibt eine ganze Reihe von CDNs. Als Entscheidungshilfe kann CDNCost dienen, so können CDN-Preise auf transparente Weise verglichen werden.
Ein CDN ermöglicht es also, statischen Content über ein weltweit verteiltes Netzwerk optimierter Server auszuliefern. So wird der eigener Server vollständig von dieser Aufgabe entlastet und kann sich auf die reine Seitengenerierung und Auslieferung konzentrieren. Alle größeren Dateien kommen von den Servern des CDN-Anbieters. Man spart damit aber nicht nur Traffic und Rechenleistung auf dem eigenen Server, sondern steigert durch die intelligente und ortsnahe Auslieferung auch die Performance des eigenen Internetauftritts ungemein.

Weiterlesen
  1593 Aufrufe
Markiert in:
1593 Aufrufe

Pagespeed.de neuer Server

Pagespeed.de und seine Subdomains sind auf einen neuen starken Server umgezogen. Wenn ihr das hier lesen könnt seid ihr bereits auf dem neuen.

Jetzt habe ich wieder ein neues Spielzeug zum optimieren :)

Grundoptimierung wie Datenbank, PHP OPCache und Apcu habe ich bereits vorgenommen. Jetzt kommt die feinjustierung.

Wer Fehler findet kann mir gerne eine Nachricht hinterlassen. Es sollten aber keine auftreten.

Gruss

Alex 

 

Weiterlesen
  1239 Aufrufe
1239 Aufrufe

Schulnotensystem | 90 Punkte bei Pagespeed - schnell?

Ich werde oft gefragt ob 90 Punkte bei Pagespeed gut sind. Und ja, es ist gut, fast sogar sehr gut. 

Ihr könnt euch das etwa wie ein Schulnotensystem vorstellen.

  • 100 % inklusive 92 % = Note 1
  • unter 92 % inklusive 81 % = Note 2
  • unter 81 % inklusive 67 % = Note 3
  • unter 67 % inklusive 50 % = Note 4
  • unter 50 % inklusive 30 % = Note 5
  • unter 30 % bis 0 % = Note 6

So siehts aus im Schulnotensystem. Eine Note 1 bei Pagespeed zu erreichen ist sehr schwierig. Ist auch in der Schule so ;)

Bitte beachtet das wir das Script verbessern, wirklich schnelle Server werden in Zukunft besser ausgewertet. Da habe ich schon was im Kopf wie ich das lösen kann.

Ist die Seite kompakt zurzeit ist das in der Regel sehr gut, wird aber ( noch ) nicht gewürdigt im Speed.

Alles was über 90% jetzt schon kommt ist wirklich sehr gut, schaut einfach mal in Zukunft auf den Blog. Ich halte euch auf den laufenden.

Gruss

Alex07 [ SEO NW ]

Weiterlesen
  1261 Aufrufe
1261 Aufrufe

Sitemap und Codebox überarbeitet

Sodele,

es wurden ein paar Sachen verbessert. Einmal die Sitemap, die dringend ein Upgrade brauchte ( http://www.pagespeed.de/sitemap/ ). Es wird jetzt nach Buchstaben sortiert und etwas besser aufgeteilt. Vielleicht mach ich das die Tage noch etwas schöner.

Dann die Buttons für die Webseiten. Ein Klick und die Pagespeed Button Codes werden generiert.

Es sind auch noch ein paar Verbesserungen an der Englischen Version vorgenommen ( http://speed-test.pagespeed.de )

Hmm was muss noch gemacht werden? Habt ihr Verbesserungsvorschläge?

Einfach kommentieren :) 

 

Weiterlesen
  1235 Aufrufe
1235 Aufrufe

SEO Treffen 2015 in Bertingen

Es ist wieder soweit. Der Termin steht. Das SEO Event 2015 wird geplant. Letztes Jahr wars sehr lecker und gut, deswegen steht JETZT schon der Termin fest. Die SEO´s fallen wieder in Bertingen ein und ich freue mich jetzt schon auf Euch. Da ich das ganze plane, werde ich natürlich anwesend sein und den ein oder anderen Vortrag halten. 

In Bertingen wird grade angebaut, die Plätze sind allerdings limitiert. Deswegen lohnt sich eine frühzeitige Reservierung.

Informationen:

Projekt Seite: http://seo-event.de

Reservierung: https://www.facebook.com/Sonnennebel?fref=ts oder per Kontaktformular oder Karte sichern

Wann: 14.08. -16.08.2015
Preis: BBQ 30€ ( mehrere Gänge ) bei Kindern 12.50€
+ Übernachtung ( individuell unterschiedlich - Hier ist die Preisliste
 
Vielleicht sieht man sich in Bertingen. Würde mich freuen.
Weiterlesen
  1238 Aufrufe
1238 Aufrufe

Ja denn mal ein wenig SEO

Bin ja der Alex07 vom SEO Forum. Die Pagespeed.de entwickelt sich auch im Bereich SEO sehr gut. Onpage wurde ja einiges gemacht und die Webseite wurde ins Netzwerk integriert. Klar das sich was entwickelt. 

Ich werde manchmal gefragt, ob ich SEO auch für Endkunden mache. Da gebe ich ein klares "Nein". Ich biete nur Webhosting an und verdiene meine Brötchen zB mit Adsense. Klar ist man dann ein wenig von Google abhängig. Es wird sauber gearbeitet und ich mache mir zur Zeit um mein Netzwerk keine Sorgen.

Mir macht meine Arbeit sehr viele Freude, ich mache das nicht wegen der "Kohle". 

Im Internet trifft man allerdings auch viele die sich SEO´s schimpfen. 'Vielleicht mache ich in meinem SEO-Blog mal eine Checkliste zum erkennen eines guten SEO´s. 

Was mir wichtig ist, ist optimiertes Hosting. Das gibt es nicht zum Discount Preis. :)

Wer mag, kann mir eine Mail schicken und fragen warum das Hosting wichtig ist. Fragen zu "SEO" beantworten gerne unsere Mitglieder ( auch ich... bin der Alex07 im Forum ) von SEO NW.

 

Link zum Forum ( wo auch Fragen zu Pagespeed.de gestellt werden könnnen )

http://seo-blog.net ( sollte mal dringend frischer Content rein )

https://hosting.seo-nw.de ( Premium Webhosting - KEIN Discounter, Top Support )

Bis denne

Euer Alex ( http://alexander-mueller.net )

Weiterlesen
  1241 Aufrufe
1241 Aufrufe

Über 400.000 Pagespeed Tests

Die 400.000 Marke haben wir geknackt. 2015 geht es an die halbe Millionen. 

Pagespeed.de wird kontinuierlich entwickelt. Ich bin gleich in Magdeburg, Silvester wird auch gearbeitet. Allerdings mit einem Glas Rotwein vorm Rechner.

Ich danke allen die mir bei Pagespeed.de geholfen haben. Viel wird auch bei https://seo-nw.de angeregt. Wer Wünsche hat, kann sich dort melden. Ich gucke dann ob sich das umsetzen lässt.

Die http://speed-test.pagespeed.de wird heute oder morgen noch etwas geändert. Die Englische Sprache wird verbessert. Ist ja noch etwas Arbeit dieses Jahr, ich mache das aber gerne.

Bis denne

Alex

Weiterlesen
  1459 Aufrufe
1459 Aufrufe

Pagespeed Tutorials

Auf Pagespeed.de gibt es bald Tutorials, um Ihre Webseite zu verbessern in Punkt Pagespeed. Ich muss mir noch überlegen wie ich das am besten mache. Ein Wiki wird es allerdings definitiv nicht!

Viele Sachen können einfach umgesetzt werden, ich versuche auch nicht Fachchinesisch zu reden. Bitte bedenkt das es etwas dauern kann, bis alles Online ist. 

Das erste Kapitel wird CSS Optimierung sein. Seid gespannt auf die weiteren Updates.

Bis denne

Euer Alex

Weiterlesen
  1023 Aufrufe
1023 Aufrufe

Pagespeed - CSS kombinieren

CSS Files sollte man kombinieren. Viele CSS Dateien bedeuten auch viele Requests die an den Server gesendet werden und die Latenz erhöhen. Ideal ist 1 CSS Datei. Diese CSS Datei sollte bereinigt sein und keine doppelten Einträge vorweisen.

Eine richtig gute CSS ist idealerweise komprimiert ( Whitespace entfernen ), durchgesehen und gzippt ( zB mit mod_deflate ).

Hier auf Pagespeed ist nur 1 CSS, welche natürlich auch optimiert worden ist. Es gibt viele Tools im Internet welche den Whitespace entfernen, bei Deflate sollte man seinen Hoster fragen.

Jeder Request ( jede Datei, auch CSS ) verzögert den Transfer. Manchmal lohnt sich auch ein inline CSS.

Weiterlesen
  963 Aufrufe
963 Aufrufe

Dieses Jahr in Bertingen beim RUDE

Auch dieses Jahr ist in Bertingen wieder was los. Da wäre erstmal das Dorffest, andererseits das RUDE Bertingen ( http://rockunterdeneichen.de ), wo auch ich wieder anwesend sein werde.

Die Seite ist natürlich auch etwas optimierungs-bedürftig, allerdings kann ich die Tage erst was dran machen. Ich habe einfach zuwenig Zeit. Andere Projekte wie pagespeed.de haben nun erstmal Priorität. Ich habe mir auch was "geliehen" und muss das natürlich auch bedienen. Somit gilt erstmal: Mehr Geld verdienen, weniger umsonst machen!

Trotzdem möchte ich drauf hinweisen das ich sehr zufrieden mit der Entwicklung bin. Es folgen weitere Verbesserungen und der 400.000te Test ist auch nicht mehr weit entfernt.

So ein kleines Jubiläum ist es ja dann schon. Es wächst sehr gut. Bin übrigens grade im Tipidorf Bertingen und schlürfe zur Feier des Tages um 13:11h ein Bierchen.

 

Euer Alex

Weiterlesen
  1045 Aufrufe
1045 Aufrufe

Guten Rutsch ins Jahr 2015

Wir machen eine Blog Pause und wünschen schon einen Guten Rutsch ins Jahr 2015. Pagespeed.de geht erstmal in den Weihnachtsurlaub ;)

http://guten-rutsch.com ( Mit Bildern zu Silvester und Neujahrswünschen )

Bis im nächsten Jahr

Alex

Weiterlesen
  1145 Aufrufe
1145 Aufrufe

Google Pagespeed Insights

Unser Pagespeed Script gibt andere Daten aus Google Pagespeed Insights. Das Programm von Google ist natürlich auch wichtig, denn es kommt direkt von der Suchmaschine. Trotzdem gibt Insights nicht alle Daten aus, die wir ausgeben. Als Beispiel die Server Geschwindigkeit wird nur ausgegeben wenn diese bei Insights richtig schlecht ist. Hier wird diese immer gemessen.

Die Anzahl der Requests ( Bilder, CSS und Javascript ) wird hier auch ausgegeben was man bei Pagespeed Insights vermisst. Auch die Größe der Elemente und das eingesparte Datenvolumen bei HTML Dokumenten wird ausgewertet. Natürlich sollte man auch bei Pagespeed Insights auch mal schauen. Sind ja auch wertvolle Daten.

Pagespeed.de != Insights ;)

Links:

http://www.pagespeed.de/

http://developers.google.com/speed/pagespeed/insights/

 

Weiterlesen
  1243 Aufrufe
1243 Aufrufe

Pagespeed.de - neues Design

Pagespeed.de hat ein neues Design bekommen. Auch wurden viele Bugs gefixt und das neue Template ist auch responsive. Wer Bugs finden sollte kann das gerne in den Kommentaren hinterlassen. Ich kümmere mich um jedes noch so kleine Anliegen. 

 

Das Kontakt Formular wurde mit recaptcha versehen. Kein Spam, top Support. Das ist Pagespeed.de

Weiterlesen
  1129 Aufrufe
1129 Aufrufe

Pagespeed.de über robots.txt auschliessen

In der neuen Beta steht es schon. Der Pagespeed Crawler kann über die robots.txt ausgeschlossen werden über verschiedene Methoden. Sobald die Beta Live geht habt ihr Codeschnipsel um den Crawler auszuschliessen.

Die alten Daten wurden gelöscht!

Weiterlesen
  915 Aufrufe
915 Aufrufe