Accélération d'un site wordpress - parcours du combattant

Statut : non résolu

Ce sujet contient 4 réponses, 3 participants et a été mis à jour pour la dernière fois par Tche, le il y a 11 années et 11 mois.

5 sujets de 1 à 5 (sur un total de 5)

Auteur

Messages
9 février 2013 à 12 h 57 min #520490
Tche
Participant

Chevalier WordPress
182 contributions
Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.5.1
– Version de PHP/MySQL :
– Thème utilisé : Mantra-child
– Extensions en place : Akismet, Displet Pop, jQuery Vertical Accordion Menu, NextGEN Gallery, P3 (Plugin Performance Profiler), Print Friendly and PDF, Relevanssi, Shareaholic* | share buttons, analytics, related content, Transposh Translation Filter, WordPress SEO, wp-greet, WP Clean Up, WP Super Cache, WPtouch
– Nom de l’hebergeur : OVH
– Adresse du site : http://allwewish.org

Problème(s) rencontré(s) : Le site reste lent selon Yslow: Grade D // Overall performance score 65
même si selon Pagespeed: overall PageSpeed Score of 87 (out of 100)
Après la lecture de cet article (http://www.seomix.fr/meilleur-plugin-cache-wp/), j’ai installé WP Super Cache et j’ai tenté l’installation de DB cache reloaded mais je recevais un vilain warning et je l’ai désactivé (le plugin n’a d’ailleurs plus été mis à jour depuis plus d’un an)
Conformément à cet article (http://www.seomix.fr/guide-htaccess-performances-et-temps-de-chargement/), j’ai modifié mon fichier ht access (sans les etags qui ralentissaient sur FF)

Les conseils de Yslow sont les suivants:

1. Grade F on Make fewer HTTP requests
This page has 15 external Javascript scripts. Try combining them into one.
This page has 11 external stylesheets. Try combining them into one.
This page has 23 external background images. Try combining them with CSS sprites.

J’ai trouvé ceci http://spritegen.website-performance.org/ pour générer des CSS sprites… mais ça m’a l’air super compliqué (même avec ce tuto: http://www.alsacreations.com/tuto/lire/1068-sprites-css-background-position.html)… Quelqu’un en a-t-il un meilleur? Plus simple et non lié au mouseover (que je n’utilise pas)

2. Grade F on Use a Content Delivery Network (CDN)
J’ai essayé le CDN OVH mais dans WP Super Cache, on conseille de vérifier l’adresse cdn.allwewish.org avant d’activer le cdn et elle ne marche pas! J’ai suivi ceci: http://forum.ovh.com/showthread.php?t=85978 mais je n’arrive pas ni à modifier l’adresse du cdn en cdn.allwewish.org, ni à ajouter celle-ci…
Comme nous sommes nombreux à être hébergés chez OVH dans ce forum francophone, qqn a-t-il été confronté au mm problème et l’a-t-il solutionné?

3. Grade F on Add Expires headers
Pourtant j’ai intégré dans le htaccess:
```
# BEGIN Expire headers
<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresDefault « access plus 7200 seconds »
 ExpiresByType image/jpg « access plus 2592000 seconds »
 ExpiresByType image/jpeg « access plus 2592000 seconds »
 ExpiresByType image/png « access plus 2592000 seconds »
 ExpiresByType image/gif « access plus 2592000 seconds »
 AddType image/x-icon .ico
 ExpiresByType image/ico « access plus 2592000 seconds »
 ExpiresByType image/icon « access plus 2592000 seconds »
 ExpiresByType image/x-icon « access plus 2592000 seconds »
 ExpiresByType text/css « access plus 2592000 seconds »
 ExpiresByType text/javascript « access plus 2592000 seconds »
 ExpiresByType text/html « access plus 7200 seconds »
 ExpiresByType application/xhtml+xml « access plus 7200 seconds »
 ExpiresByType application/javascript A259200
 ExpiresByType application/x-javascript « access plus 2592000 seconds »
 ExpiresByType application/x-shockwave-flash « access plus 2592000 seconds »
</IfModule>
# END Expire headers
```
4. Grade F on Compress components with gzip
Pourtant j’ai intégré dans mon ht access:
```
# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
BrowserMatch bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary
```
En outre: http://www.gidnetwork.com/tools/gzip-test.php me confirme que le site est zippé à 84% L’est-il ou pas?

5. Grade F on Put JavaScript at bottom
There are 12 JavaScript scripts found in the head of the document… Il me donne même une liste mais je ne les retrouve pas dans mon header. Est ce que vous les voyez?
```
<?php
/**
 * The Header
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package Cryout Creations
 * @subpackage mantra
 * @since mantra 0.5
 */
 ?><!DOCTYPE html >
<html <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?> » />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<?php  	cryout_seo_hook(); ?>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?> » />
<?php 
 	cryout_header_hook(); 
	wp_head(); ?>

</head>
<body <?php body_class(); ?>>

<?php cryout_body_hook(); ?>

<div id="wrapper" class="hfeed">

<?php cryout_wrapper_hook(); ?>

<div id="transpo"><?php if(function_exists("transposh_widget")) { transposh_widget(); }?></div>

<?php if (have_posts()) : ?>		
		<?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>		
		<?php /* If this is a category archive */ if (is_category()) { ?>
		<h1><?php single_cat_title(); ?></h1>
		<?php /* If this is a article */ } elseif( is_single() ) { ?>
		<h1><?php the_title(); ?></h1>
 	  <?php /* If this is a tag archive */ } elseif( is_tag() ) { ?>
	  <h1><?php single_tag_title(); ?></h1> 
		<?php /* If this is a daily archive */ } elseif (is_day()) { ?>
			<h1><?php the_time('j F Y'); ?></h1>
		<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
			<h1><?php the_time('F Y'); ?></h1>
		<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
			<h1><?php the_time('Y'); ?></h1>
		<?php /* If this is an author archive */ } elseif (is_author()) { ?>

			<h1>auteur</h1>

		<?php /* If this is a paged archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>

			<h1>Archives</h1>

		<?php } 
		else {?><h1><?php the_title(); ?></h1><?php } 
		
		
		?>
		<?php endif; ?>


<header id="header">

		<div id="masthead"> 
	
			<div id="branding" role="banner" > 
				
				<?php cryout_branding_hook();?>
				<div style="clear:both;"></div>
			
			</div> 

			<nav id="access" role="navigation">
			
				<?php cryout_access_hook();?>
				
			</nav>
			
		</div>

	<div style="clear:both;"> </div>

</header>
<div id="main">
	<div  id="forbottom" >
		<?php cryout_forbottom_hook(); ?>
		<div style="clear:both;"> </div> 
		
		<?php cryout_breadcrumbs_hook();?>
```
La plupart de ces éléments sont liés à des plugins dont j’ai besoin…
Si vous pouvez identifier la source de leur appel je peux certainement les passer dans le footer

6 Grade F on Minify JavaScript and CSS
There are 6 components that can be minified. Yahoo renseigne JSMin pour « minifier » le java (un pt .exe dispo sur: http://crockford.com/javascript/jsmin) and YUI Compressor pour minifier les deux
J’ai également trouvé le plugin : JS & CSS Script Optimizer mais il n’a plus été mis à jour depuis 6mois.
Quelqu’un a-t-il essayé ces outils? Ceux-ci ne risquent-ils pas de faire foirer le site?

Bon voilà, le topo j’espère que certains pourront m’éclairer pour une ou plusieurs questions mais aussi qu’il pourra en éclairer certains. Si vous avez d’autres idées pour accélérer AllWeWish, elles sont aussi les bienvenues…
Un tout grand merci d’avance!!!

Thierry
9 février 2013 à 17 h 51 min #879058

iahhel
Participant

Chevalier WordPress
201 contributions

Bonjour,
Combien as-tu de visiteurs par jour, mais surtout combien en as-tu aux heures les plus chargées sur ton site ?

Es-tu en serveur dédié ou mutualisé ?

Cordialement,

10 février 2013 à 10 h 45 min #879059

Tche
Participant

Chevalier WordPress
182 contributions

Salut Iahhel,
Après des soucis d’hébergement (123-hebergement) et de hackings de l’ancien site, nous avons perdu pas mal de visiteurs en 2012… donc pour répondre à ta première question pour l’instant moins de 20… Mais l’idée est bien d’en regagner 🙂
Nous avons un OVH mutualisé.
A bientôt,
Thierry

10 février 2013 à 14 h 35 min #879060

piekes
Membre

Maître WordPress
724 contributions

Hello
Bon, déjà, ton site ne me semble pas spécialement lent au simple affichage.
Hormis cette question-là, les inombrables « je voeu » me mettent un peu mal à l’aise. C’est le concept du site de ne pas écrire « je veux », comme tout le monde ?

Blague à part, si tu commençais pas essayer de limiter un peu ton empilement de plugins, ça irait probablement mieux.

Un CDN ne se justifie que si tu as de grandes quantités de données statiques à afficher. Là, j’ai surtout vu du texte.
Avec le traffic que tu annonces, les plugins de cache sont inutiles, voire contre-productifs.

Les scripts chargés en tête de document ne peuvent pas se voir dans le bout de code que tu nous montres : il faut regarder non un fichier php, mais le résultat interprété par la navigateur. Firebug est ton ami.

Au final, un conseil qui n’engage que moi : arrête de te casser la tête sur des histoires d’optimisation surtout pertinentes pour de gros sites à fort traffic et concentre-toi sur tes contenus.

12 février 2013 à 14 h 25 min #879061

Tche
Participant

Chevalier WordPress
182 contributions

Bonjour Pierre!

Merci beaucoup pour ta réponse rassurante. J’ai un peu coupé dans les plugins… et je laisse tomber le CDN.

J’ai trouvé comment minifier les thèmes et je dois un peu creuser pour la bonne utilisation de firebug (jusqu’ici je ne l’utilise que pour le css et je ne comprends déjà pas tout) mais je garde la solution et les recherches complémentaires pour « quand on aura plus de trafic »… Donc back sur les contenus et la promotion…

Sinon, oui c’est plein de voeux (plus de 600), de solutions (plus de 3000?), de « je voeu » et de « je peux » à enrichir et à maintenir à jour… et tout le monde peut participer, témoigner, proposer à l’aide de l’outil commentaire… pour changer sinon le monde au moins notre façon de le voir et de nous y voir!!!

C’est promis, j’arrête de me casser la tête avec l’optimisation 😉

Très cordialement aussi

Thierry
Auteur

Messages