Rolfi: Google Pagespeed. Yahoo YSlow. Eine Diskussion.

Beitrag lesen

ola,

ich weiß aktuell nicht wie ich weitermachen soll. Über CSS gebe ich 5 meiner Bilder die größen height: 20px; und width: 20px; mittels a[hreflang] img { } (<div><a hreflang=en|de|fr|es|it><img></a></div>) oder vorher auch #Sprache img { } (<div id=Sprache><a><img></a></div>). Ich hab sogar mal jedes Bild einzeln mit einer ID bestückt oder auch über class.
Wenn ich aber "meine" Seite auf http://gtmetrix.com/ prüfen lasse, dann bekomme ich zu allen 5 Bildern die Meldung:

The following image(s) are missing width and/or height attributes.
http://domainname/design/spache.jpg (Dimensions: 20 x 20)

Ich habe ja die Attribute mit CSS gesetzt und wenn ich die Werte verändere, werden die Bilder auch entsprechend größer/kleiner. Andererseits wird auch ständig darauf verwiesen, dass man sowas in die CSS Dateien exportieren soll. Zusätzlich habe ich auch noch die Bilder genau in der 20x20 Größe. Ich kann mir die CSS Zeile eigentlich auch sparen.
Wie komme ich aus der Zwickmühle um es "Page Speed" recht zu machen? Jedes Bild mit width/height Attributen ausstatten? Aber das ist doch ein NoGo guter Programmierung (HTML5), oder irre ich mich? Oder soll ich einfach die Meldung ignorieren? Ich bin natürlich interessiert höchste "Geschwindigkeitswerte" zu erreichen. Jetzt ist das klar, nicht ein so großes Manko. Ob CSS oder HTML noch bei dieser Menge wird der User ja nicht spüren. Aber es geht hier ja sozusagen um eine Wertung wie "gut" man optimiert hat und dort wird das setzen von diesen Werten mit der Priorität "high" bewertet. Es sieht natürlich auch schöner aus, wenn man einem seine Leistung im höchsten grünen Bereich vorzeigen kann. Ich bin atm nur bei 92 bzw. 91 %.

Dann habe ich noch ein Problem mit Facebook. Da werde ich auch nocheinmal für abgewertet, weil er zwei Dateien einbindet (Serve resources from a consistent URL):
    ~~~html http://static.ak.facebook.com/connect/xd_arbiter.php?version=24
    https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=24

Als Skript habe ich natürlich, nur eine Datei eingebunden. Insgesamt fällt mir auch auf, dass wenn man etwas von Facebook einbindet direkt alle W3C Glocken Alarm schlagen. Wie schaffe ich das zu verhindern? Löschen geht nicht, ist absolut notwendig.  
  
Was mich noch interessieren würde. Free cookie Domains. Ich habe gelesen, dass das ziemlicher Unfug sein soll. Allerdings machen das auch Amazon, Yahoo wenn ich in den Quelltext gucke. Ab wann empfiehlt sich sowas, oder gar wirklich überhaupt nicht? "Meine" Webseite ist sehr Bilder und Videolastig. Jedenfalls habe "ich" eine größere Bildergalerie mit mehreren hundert Bildern 850x400 (Grafiken, Bilder von Animationen, Fotografie).  
  
Meine Bezugsquelle:  
http://www.programmierer-forum.de/cookie-free-domain-ist-unsinn-t170515.htm  
  
mfg,  
Rolfi  
0 64

Google Pagespeed. Yahoo YSlow. Eine Diskussion.

Rolfi
  • programmiertechnik
  1. 2
    Der Martin
    1. 0
      Rolfi
  2. 0
    CPAN
    1. 0
      Rolfi
      1. 1
        Matthias Apsel
        1. 0
          Rolfi
          1. 1
            Der Martin
            1. 0
              Rolfi
              1. 0
                Der Martin
                1. 0
                  Rolfi
                  1. 0
                    Der Martin
                2. 3
                  molily
                  1. 0
                    Rolfi
                  2. 0
                    Rolfi
                    1. 1
                      molily
                      1. 0
                        Rolfi
            2. 1
              molily
              1. 0
                Der Martin
                1. 1
                  molily
                  1. 0
                    Der Martin
                    1. 6
                      molily
  3. 0
    Malcolm Beck´s
    1. 0
      Rolfi
      1. 0
        Malcolm Beck´s
        1. 0
          Rolfi
          1. 0
            Malcolm Beck´s
            1. 0
              Rolfi
              1. 0
                Malcolm Beck´s
        2. 0
          Sven Rautenberg
          1. 0
            Malcolm Beck´s
            1. 0
              Der Martin
            2. 0
              molily
              1. 0
                Malcolm Beck´s
                1. 0
                  molily
            3. 0
              Rolfi
              1. 0
                Malcolm Beck´s
                1. 0
                  Rolfi
                  1. 0
                    Malcolm Beck´s
                    1. 0
                      Mitleser
                      1. 0
                        Rolfi
                  2. 0
                    Malcolm Beck´s
              2. 0
                Malcolm Beck´s
            4. 0
              Sven Rautenberg
              1. 0
                Malcolm Beck´s
                1. 0
                  Malcolm Beck´s
                  1. 0
                    dedlfix
                    1. 0
                      Malcolm Beck´s
                      1. 0
                        dedlfix
                2. 0
                  Sven Rautenberg
                  1. 0
                    Malcolm Beck´s
                    1. 0
                      Mitleser
                      1. 0
                        Malcolm Beck´s
                        1. 0
                          Mitleser
                          1. 0
                            Malcolm Beck´s
                            1. 0
                              Rolfi
                              1. 0
                                Malcolm Beck´s
                        2. 0
                          Der Martin
                          1. 0
                            Malcolm Beck´s
      2. 0
        molily
  4. 0
    molily
    1. 0
      Rolfi
      1. 0
        Der Martin
      2. 1
        molily