Pagespeed Optimierung

[toto]

Moin zusammen,

ich weiß das das Thema hier schon zu hauf diskutiert wurde, trotzdem wollte ich nochmal für die 3.5er Contaoversion nachfragen warum bei meiner Website ein Pagespeed von 55/100 gemessen wird obwohl ich Scripte komprimiert habe und Bilder auch. Anscheinend funzt das deflate nicht obwohl es auf dem Server aktiv ist und auch in der htaccess aktiviert ist. Natürlich habe ich es auch in den Einstellungen angehakt. Dann soll ich den Browser-Cache nutzen obwohl es bei rocksolid hieß man soll nur den Server-Cache nehmen.

Die Scripte zusammenlegen hab ich irgendwie nicht verstanden. Davon habe ich leider auch recht viele

Gruß toto
Link zur Seite

[Kahmoon]

Der erste Punkt besagt Caching aktivieren. Hast du sicher die beiden Caching-Einstellungen im Backend aktiv? Also "Internen Cache umgehen" nicht angehakt und bei Cache-Modus "Server und Browsercache" verwenden. Das hat man während der Entwicklungsphase gerne mal deaktiviert.

Mein Firebug meldet im Header immer ein "MISS"...also kein Caching.

[Spooky]

Der erste Punkt besagt Caching aktivieren. Hast du die beiden Caching-Einstellungen im Backend aktiv? Also "Internen Cache umgehen" nicht angehakt und bei Cache-Modus "Server und Browsercache" verwenden. Das hat man während der Entwicklungsphase gerne mal deaktiviert.

Damit ist nicht der Contao Cache gemeint.

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.

Hierfür existiert in der .htaccess.default von Contao folgendes:

##
# Set the proper MIME types
# @see https://github.com/h5bp/html5-boilerplate
##
<IfModule mod_mime.c>
  AddType application/javascript              js jsonp
  AddType application/json                    json
  AddType audio/ogg                           oga ogg
  AddType audio/mp4                           m4a f4a f4b
  AddType video/ogg                           ogv
  AddType video/mp4                           mp4 m4v f4v f4p
  AddType video/webm                          webm
  AddType video/x-flv                         flv
  AddType image/svg+xml                       svg svgz
  AddEncoding gzip                            svgz
  AddType application/vnd.ms-fontobject       eot
  AddType application/x-font-ttf              ttf ttc
  AddType font/opentype                       otf
  AddType application/x-font-woff             woff woff2
  AddType image/x-icon                        ico
  AddType image/webp                          webp
  AddType text/cache-manifest                 appcache manifest
  AddType text/x-component                    htc
  AddType application/xml                     rss atom xml rdf
  AddType application/x-web-app-manifest+json webapp
  AddType text/x-vcard                        vcf
  AddType application/x-shockwave-flash       swf
</IfModule>

…

##
# Expires headers (for better cache control)
# @see https://github.com/h5bp/html5-boilerplate
##
<IfModule mod_expires.c>
  ExpiresActive on

  ##
  # Productional website
  ##
  ExpiresByType text/cache-manifest           "access plus 0 seconds"
  ExpiresByType text/html                     "access plus 0 seconds"
  ExpiresByType text/xml                      "access plus 0 seconds"
  ExpiresByType application/xml               "access plus 0 seconds"
  ExpiresByType application/json              "access plus 0 seconds"
  ExpiresByType application/rss+xml           "access plus 1 hour"
  ExpiresByType application/atom+xml          "access plus 1 hour"
  ExpiresByType image/gif                     "access plus 1 month"
  ExpiresByType image/png                     "access plus 1 month"
  ExpiresByType image/jpeg                    "access plus 1 month"
  ExpiresByType image/x-icon                  "access plus 1 month"
  ExpiresByType video/ogg                     "access plus 1 month"
  ExpiresByType audio/ogg                     "access plus 1 month"
  ExpiresByType video/mp4                     "access plus 1 month"
  ExpiresByType video/webm                    "access plus 1 month"
  ExpiresByType text/x-component              "access plus 1 month"
  ExpiresByType application/x-font-ttf        "access plus 1 month"
  ExpiresByType font/opentype                 "access plus 1 month"
  ExpiresByType application/x-font-woff       "access plus 1 month"
  ExpiresByType image/svg+xml                 "access plus 1 month"
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
  ExpiresByType text/css                      "access plus 1 year"
  ExpiresByType application/javascript        "access plus 1 year"

  ##
  # Disable caching during development
  # @see https://github.com/contao/core/issues/4364
  ##
  #ExpiresByType text/cache-manifest           "access"
  #ExpiresByType text/html                     "access"
  #ExpiresByType text/xml                      "access"
  #ExpiresByType application/xml               "access"
  #ExpiresByType application/json              "access"
  #ExpiresByType application/rss+xml           "access"
  #ExpiresByType application/atom+xml          "access"
  #ExpiresByType image/gif                     "access"
  #ExpiresByType image/png                     "access"
  #ExpiresByType image/jpeg                    "access"
  #ExpiresByType image/x-icon                  "access"
  #ExpiresByType video/ogg                     "access"
  #ExpiresByType audio/ogg                     "access"
  #ExpiresByType video/mp4                     "access"
  #ExpiresByType video/webm                    "access"
  #ExpiresByType text/x-component              "access"
  #ExpiresByType application/x-font-ttf        "access"
  #ExpiresByType font/opentype                 "access"
  #ExpiresByType application/x-font-woff       "access"
  #ExpiresByType image/svg+xml                 "access"
  #ExpiresByType application/vnd.ms-fontobject "access"
  #ExpiresByType text/css                      "access"
  #ExpiresByType application/javascript        "access"

</IfModule>

Falls mod_expires (und auch evt. mod_mime) nicht verfügbar ist, greifen diese Einstellungen natürlich nicht.

[toto]

wegen dem mod_expire frag ich nochmal nach. Selbst wenn ich das Markup komprimieren möchte scheint das nicht zu funktionieren. Der Quelltext steht noch genauso da wie ohne komprimierung…komisch

[Kahmoon]

Das ist glaube ich richtig so. Früher hat "Markup komprimieren" anders ausgesehen aber auch zu Problemen geführt. Das war hier neulich erst Thema.

[typolighter]

Bleibt trotzdem das Problem, dass das deflate nicht zu greifen scheint. Ich hab alles eingestellt und trotzdem jammert PageSpeed Insights, dass da nichts komprimiert wäre. Ja wie jetzt? Server unterstützt mod_deflate, das hab ich schon geprüft. Gibts noch irgend ne geheime Einstellung in der htaccess??

[Ulrich]

Vielleicht hilft das hier ...

[tab]

Wow! Der SEO-Profi verbessert seinen Pagespeed von 25 auf 31! Hmm, so tief unten habe ich noch nie angefangen .
Sei mir bitte nicht allzu böse. Aber der Thread hier ist 3 Jahre alt und dein Link ist ein Blogbeitrag von einem SEO, der dort über Wordpress und diverse Wordpress-Plugins schreibt. Das würde dem Thread-Ersteller sicher nicht viel helfen - wenn er denn nach 3 Jahren noch Hilfe benötigt. Das als erster Beitrag am Tag der Registrierung, da kommt schon ein gewisser Verdacht auf.

[lucina]

Als Spam gelöscht - magst Du das beim nächsten mal melden anstatt drauf zu antworten? Danke!

[spotbot2k]

Wow! Der SEO-Profi verbessert seinen Pagespeed von 25 auf 31!

Ist doch gar nicht so falsch, Negativ-Beispiele sind auch wichtig

Aber zur Sache. PageSpeed ist ja nicht so wirklich eindeutige Sache. Da müsste man alles durchgehen:

1. Ist der Server schnell genug (Antwortzeit über 0,25 Sekunden ist für Google zu langsam)
2. Ist gZip und Caching aktiv?
3. Sind die Bilder optimiert? PageSpeed würde die sogar für dich optimieren, der Archiv ist immer auf der Ergebnisseite dabei
4. Sind die Scripte/CSS ordentlich komprimiert? (Minifizieren, unnötiges weg)
5. Ist Critical-Path als inline integriert? Der hier ist tricky, alles CSS, was man zum anzeigen der Ersten Inhalte brauch sollte inline im Header sein. Der Rest am liebsten "asynchron" (auch wenn es eigentlich falsch ist).

Wie man CSS "asynchron" macht schreiben die hier. Über Critical Path gibt es hier zu lesen.