Le protocole SPDY élimine-t-il le besoin de sprites CSS, de fichiers JS et CSS combinés?

Question

J'ai toujours combiné les fichiers CSS et JS. La même chose s'est également appliquée à des images. Je me demande ici que le SPDY de Google, avec ses connexions de multiplexage, supprime le besoin de tout cela? La compilation / minimisation n'est pas ce que je demande ici, à peu près les frais généraux des demandes HTTP supplémentaires que nous avons dans le protocole HTTP typique.

Answer 1

SPDY permet à votre navigateur de récupérer toutes les images en parallèle, ce qui aide. Si le navigateur a une bande passante suffisante, cela peut être suffisant pour rendre SPDY déprécié aussi rapidement un HTTP avec des sprites.

Mais, les sprites sont toujours meilleurs pour des performances absolues.

Habituellement, lorsque vous combinez 5 à 6 images, la taille résultante de l'image est nettement plus petite que la somme des tailles des images individuelles. Vos résultats varieront en fonction des types d'images que vous utilisez et du nombre. Les gars de CSS Tricks ont un exemple: http://css-tricks.com/css-sprites/

Answer 2

Même avec le multiplexage de SPDY, la réduction des demandes entraînera probablement des augmentations de performances.

Answer 3

N'utilisez pas les sprites CSS avec des feuilles de styles externes - les ressources dans les feuilles de style externes ne sont évidemment découvertes qu'après le téléchargement de la feuille de style externe, et une seule fois que la règle correspond à un élément. L'avantage qu'ils fournissent de réduction des demandes HTTP n'est pas nécessaire avec SPDY en raison de son multiplexage. Par conséquent, les sprites CSS le rendent plus lent.

https://www.chromium.org/spdy/spdy-best-practices