Komentarze do: CSS Sprites – łączenie wielu obrazków w jeden redukcją żądań HTTP

Autor: Rachman

Rachman — Sat, 21 Jan 2012 22:22:38 +0000

Dzięki za art, świetnie opisane. Od dawna znam tę technikę ale nie stosuję. Przy tworzeniu mniejszych serwisów mało osób ją stosuje. Niemniej warto się zapoznać z tematem i pamiętać na przyszłość

Autor: Darek Grund

Darek Grund — Sun, 19 Sep 2010 16:49:52 +0000

Najlepszy artykuł jaki czytałem o sprite’ach. Bez zbędnych ochów i achów jakież to sprite jest cudowne – a tak jest w każdym artykule który widziałem. Wydaje mi się, że ludzie którzy piszą takie teksty sami nie bardzo mają pojęcie o tworzeniu stron. A u Ciebie jest takie zdrowe podejście do tematu, bardzo mi się to podoba.

Moim zdaniem Sprite to nie jest aż taka rewolucja, a jej stosowanie w wielu przypadkach jest zupełnie zbędne i tylko wydłuża czas pracy nad stroną. Zalety Sprite, które opisałeś w tym artykule są chyba wszystkimi zaletami tej techniki. Niemniej jednak, warto znać tą technikę, bo w naszej branży jeżeli ktoś szybko idzie, to stoi w miejscu, tutaj niestety trzeba biec za nowościami.

Autor: Vokiel

Vokiel — Sat, 27 Mar 2010 20:43:02 +0000

@Cezary, racja, można zastosować taką technikę, jednak nie można przesadzać z ilością subdomen. Większa ilość powoduje zwiększenie odwołań DNS, co wpływa niekorzystnie na szybkość ładowania strony. Kilka dodatkowych źródeł dla poszerzenia tematu: http://www.websiteoptimization.com/speed/tweak/parallel/, http://www.stevesouders.com/blog/2008/03/20/roundup-on-parallel-connections/, http://developer.yahoo.com/performance/rules.html#dns_lookups

Autor: Cezary Tomczyk

Cezary Tomczyk — Fri, 26 Mar 2010 22:08:51 +0000

Można jeszcze zastanowić się nad techniką zwaną „parallel downloads”. Chodzi o to, że każda przeglądarka ma określoną ilość możliwych jednocześnie połączeń per hostname. Przykładowo Firefox może nawiązać maksymalnie 6 połączeń jednocześnie. Jednak jeśli utworzymy subdomenę np. grafika.domena.pl i przekierujemy ją na katalog z ów grafiką, to zwiększamy ilość ładowanych jednocześnie elementów do 12-stu.

Innymi słowy ładowana jest jednocześnie zawartość z domeny domena.pl i grafika.domena.pl.

Warto zajrzeć na http://www.browserscope.org/, aby dowiedzieć się ile maksymalnych połączeń per hostname dana przeglądarka może wykonać jednocześnie.

Autor: LukasAMD

LukasAMD — Sat, 23 Jan 2010 11:00:58 +0000

Ja się o tym dosyć niedawno dowiedziałem. No i od razu stałem się fanem tego rozwiązania – naprawdę nieźle czuć idące ze sprite’ami przyśpieszenia ładowania strony.
Co prawda przy wolniejszych łączach i sporej ilości grafiki trzeba czasem nieco poczekać aby np. logo się pokazało, ale sumarycznie i tak działa to bardzo dobrze.

Autor: cojack

cojack — Sun, 03 Jan 2010 15:37:04 +0000

Stare jak świat, ale i tak mało popularne.

Autor: darek

darek — Tue, 01 Dec 2009 12:32:13 +0000

Świetne rozwiązanie.

Autor: SebaZ

SebaZ — Tue, 24 Nov 2009 23:32:24 +0000

http://perfectionorvanity.com/2006/06/08/jeszcze-lepszy-efekt-rollover-w-css/

Autor: Vokiel

Vokiel — Tue, 24 Nov 2009 20:42:46 +0000

Z pozycjonowaniem bywają problemy, czasem pozostaje tylko dodanie kolejnego znacznika, który będzie zawierał wyłącznie dany obrazek.

Czasem trzeba przerobić obrazek, a tego najbardziej nie lubię. Włączenie photoshopa, przesunięcie paru ikonek, eksport grafiki, podmiana, zmiana pozycjonowania w css, aż się odechciewa…

Możliwości tworzenia widzę dwie:
1. Przygotowanie zawczasu odpowiednich grafik, później tworzenie css’a już pod nie
2. Tworzenie serwisu „po staremu”, a na koniec przerobienie elementów, które się da na css sprites. Pomocnym może się okazać narzędzie: SpriteMe

Autor: piotrooo89

piotrooo89 — Tue, 24 Nov 2009 20:36:21 +0000

Fajnie że napisałeś o tej ciekawej technice bo w małych stronach praktycznie niespotykana,
może w jakimś stopniu to się zacznie zmieniać

niespotykana bo nie ma aż takiej potrzeby oszczędności zapytań. Ja początkowo sceptycznie podchodziłem do tego ‘myku’ , związane to było raczej z problemem z poradzeniem sobie z ładnym i precyzyjnym wy pozycjonowaniu tych elementów na stronie, jednak jak się już nabierze wprawy to światopogląd się zmienia i coś czego się nie używało staje się standardem.