Ich habe eine Website, die ein großes Menü hat und jedes Element auf der Speisekarte hat ein Symbol. Ich habe mich bemüht, ein CSS-Sprite zu implementieren, um es zu beschleunigen, aber ich frage mich, was der Leistungszuwachs sein wird. Meine Website ist nicht für die Öffentlichkeit zugänglich, so dass die Benutzer fast immer wiederholen werden, also ist es die Implementierung wert oder sollte ich nur auf Caching zurückgreifen?Was ist der CSS Sprite Performance Gewinn für wiederkehrende Besucher?
Antwort
Es sei denn, Ihre Website hat starken Non-Repeat-Verkehr, es wird wahrscheinlich überhaupt keine spürbare Leistungssteigerung geben. Haben Sie zur Zeit Leistungsprobleme? Wenn nicht, ist es wahrscheinlich nicht nötig, solch eine relativ kleine Sache vorzeitig zu optimieren.
Wie sicher sind Sie, dass in der Zukunft, Teile der Website nicht
- veröffentlicht
- das private Publikum
- Neue Menüs
Alles erweitern sein Von diesen Gründen sollten Sie in Betracht ziehen, dies im Voraus zu tun. Ich kenne Ihre Situation nicht, aber für einige Entwickler könnten die ersten beiden Elemente plötzlich als eine geschäftliche Entscheidung implementiert werden, und der Programmierer hört nie davon, dass ein Manager später nach einer Möglichkeit zur Verbesserung der Leistung auf der Website zurückkommt. Oder vielleicht kommt es gar nicht so weit: vielleicht verliert die Seite wegen der Langsamkeit Nutzer und das Management hört auch nie davon.
Jetzt, da Sie bereits Code haben, der funktioniert, würde ich mich nicht zu sehr darum kümmern. Aber wenn man Websites zusammenstellt, ist es etwas, an das man sich erinnert.
Ich denke, dass die wichtigste Frage, die Sie sich stellen sollten, ist Ihre Benutzer zufrieden mit der Reaktionsfähigkeit der Website. Wenn dies nicht der Fall ist und kein größeres zugrunde liegendes Problem dies verursacht, können Sie diese Änderung verwenden.
Es gibt einen schönen Artikel zum Thema bei List Apart http://www.alistapart.com/articles/sprites/
- 1. svg Sprite in CSS - ist der Skalierung
- 2. Sprite Höhenbeschränkung für CSS-Bilder?
- 3. Was ist das seltsam wiederkehrende Vorlagenmuster (CRTP)?
- 4. Was ist eine gute Datenstruktur für periodische oder wiederkehrende Daten?
- 5. Ist ein CSS-Übergang für alle Elemente ein Performance-Problem?
- 6. CSS Sprite Hilfe
- 7. Ist CSS-Sprite auch für mobile Websites nützlich?
- 8. Keras: Was ist das korrekte Datenformat für wiederkehrende Netzwerke?
- 9. CSS - Was ist der höchste Verschachtelungsgrad für eine CSS-Regel?
- 10. CSS Sprite Selector
- 11. Struktur für wiederkehrende unbegrenzte Wahlwettbewerbe
- 12. Hangfire: Festlegen der Endzeit für wiederkehrende Jobs
- 13. Was ist der beste Weg, Performance-Probleme zu debuggen?
- 14. Performance Profiling asp.net, was ist ProcessRequestNotificationHelper?
- 15. Machen CSS-Sprite-Animation arbeiten
- 16. Was ist der Umfang des * CSS-Hack?
- 17. Zahlungsprozessor für WHMCS, der wiederkehrende Zahlungen unterstützt?
- 18. Was für eine Sprache ist CSS?
- 19. Was ist der korrekte Pfad für diese CSS-Datei?
- 20. Was ist der beste CSS-Editor für kostenlose
- 21. Weird-CSS-Verhalten (Sprite nav w/Rollover)
- 22. Was ist der 'anfängliche' Wert in CSS?
- 23. Was ist der Maus-Auswahlschalter in CSS?
- 24. Was ist der schnellere/effizientere CSS-Stil?
- 25. Was ist der Sinn von CSS-Minimierungsmargen?
- 26. Performance von Jquery vs CSS-Tooltips?
- 27. Nachteile dieser CSS-Sprite-Lösung für Retina-Displays?
- 28. CSS Sprite aktiver Zustand funktioniert nicht?
- 29. Sprite Sheets für Web-Entwicklung
- 30. Compass-Sprite, der zu viele CSS-Klassen erzeugt
Ich mag die Ladezeiten reduzieren, für die Menschen unserer Website von außerhalb NA erreichbar. Es ist nicht unerträglich langsam, aber es gibt einen spürbaren Leistungsunterschied. –
Sie sagten, dass fast alle Besucher wiederholen sind. Der Wechsel zu Sprites reduziert nur die Anzahl der HTTP-Anfragen, aber wenn sie bereits alle Icons im Cache haben, wird dies die Dinge überhaupt nicht beschleunigen. –