Page d'accueil trop lourde (3Mo)

[snooze95]

Bonjour,

Je possede un blog wordpress (http://rapadonf.fr/blog/) et depuis 2/3 jours il n'est plus trop accesible je m'explique. J'ai changé recemment de theme wordpress et depuis mon CPU est constamment à 100 %

J'ai un serveur dédié chez OVH

Intel Bi Xeon E5504
8x 2.00+ GHz
2x 4 Mo L2 - QPI 2x 4.8 GT/sec
Virtualisation: Instructions VT

64 bits

24 Go DDR3

Intel SSD X25-M
2x 80 Go

1 Gbps

Je fais d'apres Google analytics entre 15 et 20 000 visites unique par jour. Sur le blog il y'a beaucoup de vidéo et de sons en streaming (lecteur youtube, petit lecteur mp3) biensur tout est legal. Il y'a en moyenne 150 (les soirs plutot 200/250) et les plus gros jours 350/400/500 ça dépend

Le serveur dédié fait t'il l'affaire ? Le probleme peut il venir du nouveau theme ? http://rapadonf.fr/blog/ (le dossier du theme fait presque 14 Mo alors que l'ancien theme faisait seulement 504 ko y'a une grosse difference. L'ancien theme était un theme vraiment basique, pas de script etc celui ci fait un peu plus pro avec des scripts.

J'ai installé wp-super-cache mais rien n'y fait j'ai toujours 100% du CPU utilisé

On m'a dit que le probleme pouvait venir de ma page d'accueil qui était trop lourde Elle fait environ 2500ko voir 3000 ko

Il y'a beaucoup d'image à chargé.

J'aimerais avoir des astuces pour diminuer la taille de ma page d'accueil sans avoir à supprimer le contenu.

Merci d'avance

 

[forty]

tu peux déjà réduire la taille des images sans perdre de qualité avec -http://www.smushit.com/ysmush.it/
Je crois qu'il y a même un plugin wordpress l'utilisant.

mais ca ne sera surement pas suffisant pour avoir des pages de poids raisonnable.

 

[Julia41]

Je comprends pas trop ta question en ce qui me concerne, tu parles du serveur qui est à 100% (donc qui "ramme") mais de ta page qui fait 3Mo.
Si ta page fait 3Mo, tu peux déjà supprimer ce que tu as en double.

Sinon, ton image de fond (bgbody3.jpg) fait 633Ko... C'est déjà énorme.
Tous tes scripts JS ont des "query string" :

pagenavi-css.css?ver=2.70

Tu vas dans le code du plugin et tu vires le ?ver=...
De même pour jquery, qui fait pas moins de 71Ko et qui avec cette query string, ne peut pas être mis en cache.

Je l'ai fait que pour 2 éléments, mais avec ma connexion Internet (250Ko/s) ne pas avoir ces deux choses à télécharger (ce n'est bien sûr pas possible) me ferait gagner 3s.

 

[reglisse]

Les thèmes trop lourd sont à fuire

 

[Bigb06]

De même pour jquery, qui fait pas moins de 71Ko et qui avec cette query string, ne peut pas être mis en cache.

C'est mis en cache par les navigateurs récents. Seuls les antivirus, ... et proxys anciens ne mettent pas en cache les fichiers avec querystring.

 

[enzoko]

Merci pour vos réponse

Entre temps j'ai optimisé ma base de donnée, j'ai gagné quelques MO. J'ai enlevé quelques truc sur la page d'accueil comme par exemple le script facebook ainsi que quelques image.

J'ai réduis la page à 1500/1800ko (je viens de faire à l'instant un test et elle fait 908 Ko et 1184 Ko sans compression) mais bon à l'instant ou j'écris le CPU est toujours à 100 %

tu peux déjà réduire la taille des images sans perdre de qualité avec -http://www.smushit.com/ysmush.it/

Ok merci je vais le faire

Je comprends pas trop ta question en ce qui me concerne, tu parles du serveur qui est à 100% (donc qui "ramme") mais de ta page qui fait 3Mo.
Si ta page fait 3Mo, tu peux déjà supprimer ce que tu as en double.

Bah mon CPU est à 100% c'est du en parti à cause de ma page qui est loude si je ne montre pas non ? En double comme quoi ?

En gros ma question est d'avoir de l'aide pour réduire au maximum la taille de ma page pour que le serveur ne sature plus

Sinon, ton image de fond (bgbody3.jpg) fait 633Ko... C'est déjà énorme.

Ouais je le sais tres bien mais c'est aussi ça qui me rapporte de l'argent, c'est grâce à ça que je paye le serveur qui n'est pas donné.

Tu vas dans le code du plugin et tu vires le ?ver=...
De même pour jquery, qui fait pas moins de 71Ko et qui avec cette query string, ne peut pas être mis en cache.

Ca change quoi si je l'enleve ? Ca va rien modifié au script ?

Merci d'avance

 

[enzoko]

Sinon j'ai vu ça http://doc.ubuntu-fr.org/xcache

ça peut être interessant ?

A +

 

[UsagiYojimbo]

Oui enfin y'a ptete moyen de compresser davantage cette image, parce que rien qu'à elle, elle plombe grave le temps d'affichage. Tu as essayé des plugins comme Yslow pour identifier là où ton site pêche niveau chargement ?

 

[Bigb06]

Trop de fichiers js, trop de css, une image de fond énorme... Faut pas chercher. Ensuite les etags sont activés sur le serveur ce qui veut dire que chaque fichier (image) va générer une requête pour voir si le fichier n'a pas été modifié. Si le nouveau template a 3 fois plus de fichiers, la charge est trois fois plus importante !

 

[Julia41]

Sinon j'ai vu ça http://doc.ubuntu-fr.org/xcache

ça peut être interessant ?

A +

Avant de penser à cacher, optimise déjà ce qui peut l'être.

Dans ton thème, tu as un fichier header.php, qui doit contenir quelques requête SQL. Tu peux déjà en passer certaines en statique (l'URL de ton site ne change pas par exemple).
Après tu fais :

<link rel="stylesheet" type="text/css" href="http://rapadonf.fr/blog/wp-content/themes/manifesto/style.css" /> 
<link rel="stylesheet" type="text/css" href="http://rapadonf.fr/blog/wp-content/themes/manifesto/styles/dark/style.css" />

Tu prends le contenu de ces deux fichiers (et des autres s'il y en a), tu mets tout dans un seul, à la suite et tu mets simplement :

<link rel="stylesheet" type="text/css" href="http://rapadonf.fr/blog/wp-content/themes/manifesto/ton_fichier_cree.css" />

Ca c'est de la micro optimisation.

Après sur ta page d'accueil, tu as à chaque fois l'affichage du nombre de lecture d'un article (je pense que c'est fait avec un plugin supplémentaire), résultat une requête SQL en plus par article.

Voilà pour des idées en vrac, mais perso sur mon wordpress à moi, je suis en train de recoder quelque chose de simple (niveau requête SQL et affichage) car au final un blog c'est quoi, du text et des commentaires, ça peut donc être géré en 2 tables SQL (un peu plus avec les tags ou autre).

 

[enzoko]

Oui enfin y'a ptete moyen de compresser davantage cette image, parce que rien qu'à elle, elle plombe grave le temps d'affichage. Tu as essayé des plugins comme Yslow pour identifier là où ton site pêche niveau chargement ?

Nan j'vais voir ça merci

Ensuite les etags sont activés sur le serveur ce qui veut dire que chaque fichier (image) va générer une requête pour voir si le fichier n'a pas été modifié. Si le nouveau template a 3 fois plus de fichiers, la charge est trois fois plus importante !

Ok je savais pas ! Comment les desactiver stp ?

Dans ton thème, tu as un fichier header.php, qui doit contenir quelques requête SQL. Tu peux déjà en passer certaines en statique (l'URL de ton site ne change pas par exemple).

Ok merci

 

[khobz]

pense à utilisé les outils webmaster de google. Il y a pas mal d'astuce la-bas.
Outils pour les webmasters=>labos=>performances du site.
Il y a des validateur de HTML et CSS, il faut les utiliser

 

[passion]

est-ce que tu compresses aussi côté serveur via gzip?
Mais sinon, c'est vrai que c'est énorme tout de même !
C'est inaccessible pour les petites connexions ou très mal