réduire la taille de la page

Question

Quelqu'un sait comment je peux réduire la taille de ma page pendant son chargement? De toute façon, je peux réduire la taille de mon fichier CSS et celle du fichier Javascript?

Answer 1

• Compression Gzip
• Minification
• Combinaison de plusieurs demandes en une seule

La compression GZIP est efficace pour les réponses textuelles telles que les feuilles de style et le HTML, mais pas les images.

La minification est efficace sur CSS et Javascript (plus encore sur Javascript). Différentes solutions sont disponibles en fonction de votre langue et de votre cadre. Cela obscurcit le code envoyé en supprimant les espaces et en raccourcissant les noms d'identificateurs dans la mesure du possible.

La combinaison de plusieurs demandes en une seule réduit considérablement le temps de latence, même si cela ne permet pas d'économiser beaucoup de bande passante. Il en résulte un temps de chargement perçu plus rapide pour les utilisateurs. Vous pouvez combiner plusieurs fichiers CSS en un seul, ce qui est facile. Avec les images, vous pouvez utiliser une technique appelée sprites .

Answer 2

Le compresseur de YUI est une option.

YSlow permet de se faire une idée de ce qui explique sa lenteur.

Il a tendance à faire des recommandations pour les grands sites plutôt que pour les petits sites, appliquez donc le bon sens.

Answer 3

Voulez-vous dire octets transférés? Dans ce cas, vous devriez utiliser la compression GZIP du code HTML . Dans Apache, utilisez mod_deflate . Il existe également des filtres de servlet.

Answer 4

w3compiler est un outil qui fera exactement ce que vous voulez.

Answer 5

Il existe un excellent livre intitulé sites Web haute performance . C'est un livre O'Reilly qui vous guide à travers les différentes étapes de la mise à niveau des performances côté client. Il couvre les sujets que vous suggérez, tels que la taille des fichiers CSS et JS, entre autres.