+ Antworten
Ergebnis 1 bis 18 von 18
Like Tree4x Danke
  • 2 Post By Mooff
  • 2 Post By Osbes

UF CSS-Sprites vBulletin Add-On

Eine Diskussion über UF CSS-Sprites vBulletin Add-On im Forum United Talk. Teil des Aktuelles-Bereichs; UF CSS-Sprites vBulletin Add-On Ein wichtiger Punkt bei der Benutzung von Webseiten ist die Geschwindigkeit. Dies gilt gleichmaßen für Benutzer, ...

  1. #1
    Administrator
    Avatar von Mooff
    Registriert seit
    02.08.2002
    Ort
    Mooff VI
    Beiträge
    25.425
    Nick
    Mooffs

    Glühbirne UF CSS-Sprites vBulletin Add-On


    UF CSS-Sprites vBulletin Add-On

    Ein wichtiger Punkt bei der Benutzung von Webseiten ist die Geschwindigkeit. Dies gilt gleichmaßen für Benutzer, wie auch für Suchmaschinen. Lange Ladezeiten bei Webseiten sind nervig und störend, da man als Benutzer nichts anderes machen kann als zu warten. Aus diesem Grund versuchen wir vom United-Forum die Ladezeiten unserer Seite so kurz wie möglich zu gestalten. Eine gute Möglichkeit die Geschwindigkeit zu verbessern sind dabei CSS-Sprites - eine Funktion die von vBulletin leider nicht angeboten wird.

    Wir haben uns deshalb dazu entschlossen selber ein CSS-Sprites Addon für vBulletin zu erstellen.


    In dem Artikel werde ich erst kurz erklären, was CSS-Sprites sind, warum sie den Seitenaufbau beschleunigen. Welche Meinung google dazu hat und letztendlich zeigen wir mit verschiedenen Messwerten welchen Geschwindigkeitsvorteil unser Plugin bietet.


    Google zu Geschwindigkeit

    -quelle: Google Webmaster Blog-
    Seit Frühjahr 2010 nutzt Google Seitengeschwindigkeit als ein Kriterium um Webseiten zu beurteilen. Desweiteren bieten sie unterschiedliche Tools an, mit denen man Webseiten auf ihre Geschwindigkeit hin überprüfen - und basierend auf den Ergebnissen optimieren kann. Eines dieser Tools ist Pagespeed. Dieses unterteilt 'Probleme' auf einer Webseite in drei Kategorien. Hohe Priorität, Mittlere Priorität und Geringe Priorität.
    Das Ziel des United-Forums war es dabei zuerst alle Punkte die unter Hoher Priorität aufgeführt wurden auszubessern, dies ist in den letzten Wochen und Monaten geschehen. Bis als letzter Punkt die CSS-Sprites unter Hoher Priorität übrig geblieben sind.


    Was sind CSS-Sprites

    CSS-Sprites ist die Idee mehrere Bilder zu einem Bild zusammenzuführen. Beispielsprite.


    Warum CSS-Sprites

    Nebenpunkt ist die Tatsache, dass bei der verlustfreien Komprimierung von großen Bildern mehr Daten reduziert werden können, als wenn man mehrere kleinere Bilder komprimiert.
    Hauptpunkt ist aber, dass HTTP für jedes Javascript, für jedes Bild eine neue Verbindung vom Benutzer zum Server aufbauen muss. Dies wäre alleine noch kein Problem, allerdings sind aber die maximalen parallelen HTTP-Verbindungen die ein Browser einsetzen kann limitiert (ca. 4). Müssen mehr als 4 Dateien übertragen werden, muss der Browser also warten bis die ersten Dateien übertragen sind, bevor er neue Bilder anfordern kann.
    Mit CSS-Sprites kann man also die benötigte Zahl an HTTP-Verbindungen stark senken, was sich sofort auf die Geschwindigkeit auswirkt.
    Sehr guter weiterführender Artikel über CSS-Sprites von Sven Wolfermann.


    Performance des United-Forum CSS-Sprite Add-Ons





    Eure United-Forum-Administration

  2. #2
    Clanforum-Moderator
    Avatar von b-a-d-b-o-y
    Registriert seit
    28.03.2010
    Ort
    Süddeutschland
    Beiträge
    14.124
    Nick
    [uG]b-a-d-b-o-y
    Clans
    [uG]
    Wow mooff und osbes,das ihr das schon wieder so schnell umgesetzt habt

  3. #3
    polarisiert
    Avatar von katsch
    Registriert seit
    14.05.2007
    Ort
    Technostrich
    Beiträge
    14.527
    Name
    katsch
    Nick
    katsch
    Clans
    katsch
    geradzu pornös.

    sehr schöne arbeit

    „Na ja, ick komm aus’m Osten der Stadt – ick kann praktisch allet.“

  4. #4
    ☺ UF~Spamcrew ☺
    Avatar von PhillRudd
    Registriert seit
    06.01.2009
    Ort
    Bayern
    Alter
    37
    Beiträge
    30.056
    Nick
    PhillRudd
    Clans
    UF-Sc ☺

  5. #5
    Brigadegeneral
    Avatar von Lunak
    Registriert seit
    22.10.2008
    Ort
    Bavaria
    Alter
    27
    Beiträge
    23.612
    Name
    Flo
    Nick
    Lunak
    Clans
    MSF
    nett

  6. #6
    Administrator
    Avatar von freezy
    Registriert seit
    26.09.2002
    Ort
    Dark Citadel
    Alter
    29
    Beiträge
    59.451
    Nick
    freezy
    Clans
    SoDsW
    UF Hochtechnologie

  7. #7
    Major
    Avatar von Bandito
    Registriert seit
    19.08.2007
    Ort
    bei Berlin
    Alter
    33
    Beiträge
    9.713
    Name
    Sebastian
    Nick
    -Bandito-
    Clans
    SoDsW
    gj


  8. #8
    Ще не вмерла Україна
    Avatar von Outsider
    Registriert seit
    17.07.2002
    Ort
    C
    Alter
    32
    Beiträge
    12.598
    Name
    Sören
    Clans
    AGFA
    Ist das eigentlich der Grund dafür, dass die ganzen Icons für Foren und Beiträge in letzte Zeit immer wieder so abgefuckt sind? Ich krieg die hier falsch oder gar nicht angezeigt. Manchmal ist es dann wieder OK, aber meistens sehen die irgendwie versetzt aus - mindestens.Klicke auf die Grafik für eine größere Ansicht 

Name:	uf.jpg 
Hits:	10 
Größe:	523,9 KB 
ID:	79159

     ・sialdan:bautarstæinar:stanta:brauto:nær:nema:raisi:niþR: at:niþ ・

  9. #9
    ☺ UF~Spamcrew ☺
    Avatar von PhillRudd
    Registriert seit
    06.01.2009
    Ort
    Bayern
    Alter
    37
    Beiträge
    30.056
    Nick
    PhillRudd
    Clans
    UF-Sc ☺
    Strg + F5 drücken... wurde aber im Feedback-Forum zig mal gesagt...

  10. #10
    Administrator
    Avatar von Mooff
    Registriert seit
    02.08.2002
    Ort
    Mooff VI
    Beiträge
    25.425
    Nick
    Mooffs
    Mit jeder neuen Version des Sprite Addons werden neue Icons hinzugefügt.
    Dies verändert die Anordnung der Icons im Sprite und generiert dazu passende neue CSS Definitionen, welchen Teil des Sprites der Browser an der jeweiligen Stelle darstellen soll.

    Hat man nun noch ein altes Sprite im Browsercache passen die neuen CSS Definition nicht und es werden falsche Stellen des Sprites angezeigt.


    Momentan laufen wir mit einem 0.7.0 release candidate, in dem auch die Forenansicht mit den ganzen Threadicons durch das Addon stark beschleunigt wird. Lange Rede kurzer Sinn, wie PhillRudd schon gesagt hat, Force Reload mit Strg+F5 und alles stimmt wieder.

  11. #11
    Big & Tasty
    Avatar von baracuda
    Registriert seit
    10.11.2007
    Ort
    Köln
    Alter
    28
    Beiträge
    3.692
    Name
    Kevin
    Kann man das Force Reload nich per Javascript oder Serverseitig erzwingen?
    Es nervt ein bisschen muss ich ja zugeben.

  12. #12
    Im Interesse der Sicherheit und Integrität des Browsers ist es auf vernünftige Weise nicht möglich den Browser-Cache clientseitig über JavaScript und pauschal natürlich nicht serverseitig zu leeren.

    Generell ist dies aber auch nur dann nötig, wenn wir an den Sprites arbeiten um weitere Icons hinzuzufügen und die Ladezeiten zu verkürzen. Da wir in diesem Prozess immer weiter vorranschreiten ist es immer seltener nötig den Browser-Cache zu leeren

  13. #13
    Big & Tasty
    Avatar von baracuda
    Registriert seit
    10.11.2007
    Ort
    Köln
    Alter
    28
    Beiträge
    3.692
    Name
    Kevin
    Ok dann will ich diese Umbauphase mal noch aushalten und vertraue euch

  14. #14
    Ще не вмерла Україна
    Avatar von Outsider
    Registriert seit
    17.07.2002
    Ort
    C
    Alter
    32
    Beiträge
    12.598
    Name
    Sören
    Clans
    AGFA
    Zitat Zitat von PhillRudd Beitrag anzeigen
    Strg + F5 drücken... wurde aber im Feedback-Forum zig mal gesagt...
    Oh, OK. Hatte nur bei "Häufige Fragen" geschaut ob da jemand son Thema erstellt hat *hust*
    Na dann ist ja alles klar

     ・sialdan:bautarstæinar:stanta:brauto:nær:nema:raisi:niþR: at:niþ ・

  15. #15
    Wie viele es gemerkt haben wird immer wieder an den Sprites gearbeitet. Wir sind heute bei Version 0.7.0 angekommen (es werden nun ~63 weitere Icons unterstützt) und haben die Verbesserungen gleich nochmal optisch besser Aufgearbeitet:





    Eure UF-Entwicklungszentrale!
    Mooff und PhillRudd sagen Danke.

  16. #16
    Clanforum-Moderator
    Avatar von b-a-d-b-o-y
    Registriert seit
    28.03.2010
    Ort
    Süddeutschland
    Beiträge
    14.124
    Nick
    [uG]b-a-d-b-o-y
    Clans
    [uG]
    Das ist geil osbes

  17. #17
    Administrator
    Avatar von Kasian
    Registriert seit
    05.11.2006
    Ort
    Munich/ ehem.Schweinfurt
    Alter
    27
    Beiträge
    16.387
    Name
    Benjamin
    Nick
    RoAdRuNnNeR
    Clans
    SoDsW, !BAMM!
    Awesometastisch

  18. #18
    Kriegsdienstverweigerer

    Registriert seit
    27.08.2013
    Beiträge
    1
    do you still have the 0.6.2 version available for vBulletin versions less than 4.1?

+ Antworten

Ähnliche Themen

  1. VBulletin Update
    Von TraXX im Forum Häufig gestellte Fragen
    Antworten: 6
    Letzter Beitrag: 30.12.2001, 19:16

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •