Comment puis-je améliorer la vitesse de chargement de ce portefeuille Web?

Question

J'ai playin avec Google de Page Speed, et il m'a donné quelques conseils pour améliorer la vitesse de chargement de mon site:

http://alexchen.zxq.net/ (hébergement originale)

http://alexchen.co.nr (redirection d'URL)

I J'ai réduit certains fichiers Javascript (je ne les ai pas compressés), et j'ai optimisé quelques images, mais ça reste un peu lent. Je ne suis pas sûr si je surcharge quelque chose ou parce que j'utilise un shared free hosting (je sais, je dois obtenir un .net ou .com, mais j'ai des problèmes avec ma carte de crédit en ce moment).

Des suggestions?

Answer 1

Au total, votre page d'accueil ne charge que 2.6mb, 2.4mb d'images, même si vous n'en avez que quelques unes directement visibles. Vous devriez différer le chargement de vos images de vitrine comme http://alexchen.zxq.net/images/showcase1.png jusqu'à ce que les vignettes soient cliquées. Cette image est 0.5mb et est chargée sur chaque visite de la page d'accueil si quelqu'un le visite ou non. Voir une lightbox javascript lib telle que facebox qui charge l'image à la demande en utilisant AJAX.

Pensez à déplacer la position du JavaScript vers le bas. Comme les scripts bloquent le téléchargement parallèle, vous devez charger ces derniers pour permettre le téléchargement d'autres éléments comme des images. J'ai profilé votre site et le jquery semble prendre un certain temps à télécharger, bloquant le démarrage d'autres fichiers.

Activez la mise en cache pour les éléments statiques afin de réduire les requêtes du serveur lors de la deuxième visite.

Installez YSlow pour obtenir plus de détails.