Activer PageSpeed sur o2switch et Cpanel - √in√in ? Développeur WordPress ?

Les serveurs d’o2switch sont fourni avec cPanel ce qui est vraiment pratique pour la gestion des domaines, emails, fichiers…
Très populaire chez les SEO o2switch s’est vite imposé dans l’univers de l’hébergeur français.

Sommaire

Optimiser le chargement de votre site web

On le sait tous, il est important d’améliorer le temps de chargement de ton site internet. Pour le visiteur premièrement, moins de temps, il attend le chargement du contenu, de l’outil… moins il a de risque de quitter précipitamment la page web.

Les différents solutions pour améliorer le temps de chargement :

Il existe plusieurs types de solutions pour revoir à la baisse le temps de chargement d’un site internet. Les plugins gratuit ou payant de cache, les améliorations côtés serveurs (CDN, Varnish…).

Ici, je vais parler plus spécifiquement de PageSpeed – le module de Google (PageSpeed) permet d’ajouter pleins d’options côté serveur pour afficher les pages plus rapidement.

Les différents options de PageSpeed :

Voici un tableau avec les toutes les options proposés par le module PageSpeed.

Voir le tableau des fonctionnalités (plus bas dans la page)

Activer PageSpeed via cPanel

Grâce à l'outil cPanel le module PageSpeed

Dans le panel « outil », il y a le module « PageSpeed .

Cocher les options a activer

Dans mon cas, j’active tout – soyons fou.

Vérifier le htaccess que le PageSpeed est bien activé:

Tu peux voir dans le fichier .htaccess (soit via FTP, soit via le gestionnaire de fichier proposé par cPanel).

Il faut que tu trouves ces lignes la :

# o2switch pagespeed start / DO NOT REMOVE OR EDIT

<IfModule pagespeed_module>

ModPagespeed on

ModPagespeedRewriteLevel PassThrough

ModPagespeedEnableFilters add_head,make_show_ads_async,make_google_analytics_async,canonicalize_javascript_libraries,collapse_whitespace,combine_css,combine_javascript,combine_heads,convert_meta_tags,dedup_inlined_images,defer_javascript,elide_attributes,extend_cache,recompress_images,flatten_css_imports,hint_preload_subresources,inline_css,inline_javascript,lazyload_images,rewrite_javascript,move_css_above_scripts,move_css_to_head,insert_dns_prefetch,remove_comments,remove_quotes,rewrite_images,strip_image_meta_data,sprite_images

</IfModule>

# o2switch pagespeed end / DO NOT REMOVE OR EDIT

Voir le gist : https://gist.github.com/vinvin27/0b999fd861eaf75aa5e06ce6087e498f

Tableau des fonctionnalités:

Filter Name	In CoreFilters	In OptimizeForBandwidth	Brève description
responsive_images	No	No	Donne des images sensibles en ajoutant srcset avec des images optimisées pour différentes résolutions.
add_head	Yes	No	Ajoute un élément <head> du document si pas déjà présent.
combine_heads	No	No	Moissonneuses-batteuses multiples <head> éléments trouvés dans le document en un seul.
inline_import_to_link	Yes	No	Inline balises <style> ne comprenant que @imports CSS en les convertissant en équivalent balise <link>.
outline_css	No	No	Externaliser gros blocs de CSS dans un fichier cacheable.
outline_javascript	No	No	Externaliser gros blocs de JS dans un fichier cacheable.
move_css_above_scripts	No	No	Moves éléments CSS ci-dessus les balises <script>.
move_css_to_head	No	No	Déplace éléments CSS dans la balise <head>.
combine_css	Yes	No	Combine plusieurs éléments CSS en un seul.
rewrite_css	Yes	Yes	Réécrit fichiers CSS pour éliminer l’excès espaces et des commentaires, et, si elle est activée, réécrire ou cache-Extend les images référencées dans les fichiers CSS. En mode OptimizeForBandwidth, le minification se produit en place sans changer les URL.
fallback_rewrite_css_urls	Yes	No	Réécrit ressources référencées dans un fichier CSS qui ne peut autrement être analysées et minified.
rewrite_style_attributes	No	No	Réécrire le CSS dans les attributs de style en appliquant le filtre rewrite_css configuré pour elle.
rewrite_style_attributes_with_url	Yes	No	Réécrire le CSS dans les attributs de style si elle contient le texte « URL ( » en appliquant le filtre rewrite_css configuré pour activer
flatten_css_imports	Yes	No	CSS en ligne en aplatissant toutes les règles @import.
prioritize_critical_css	No	No	Remplacer les balises CSS avec les versions inline qui ne comprennent que le CSS utilisé par la page.
make_google_analytics_async	No	No	Convertir utilisation synchrone de l’API Google Analytics asynchrone
make_show_ads_async	No	No	Convertir l’utilisation synchrone de l’API Google AdSense asynchrone
rewrite_javascript	Yes	Yes	fichiers réécritures JavaScript pour éliminer l’excès espaces et des commentaires. En mode OptimizeForBandwidth, le minification se produit en place sans changer les URL.
rewrite_javascript_external	Yes	Yes	Sous-entendus par rewrite_javascript. Réécritures fichiers JavaScript externes pour supprimer les espaces en trop et des commentaires. En mode OptimizeForBandwidth, le minification se produit en place sans changer les URL.
rewrite_javascript_inline	Yes	Yes	Sous-entendus par rewrite_javascript. Réécritures inline blocs JavaScript pour enlever l’excédent des espaces et des commentaires.
include_js_source_maps	No	No	source ajoute des cartes à réécrite fichiers JavaScript.
combine_javascript	Yes	No	Combine plusieurs éléments de script en une seule.
canonicalize_javascript_libraries	No	No	Redirects JavaScript bibliothèques à un service d’hébergement JavaScript.
inline_css	Yes	No	Inline petits fichiers CSS dans le document HTML.
inline_google_font_css	No	No	Inline petits fichiers CSS utilisés par fonts.googleapis.com dans le document HTML.
inline_javascript	Yes	No	Inline petits fichiers JS dans le document HTML.
local_storage_cache	No	No	Cache inline ressources en stockage local HTML5.
insert_ga	No	No	Google Analytics ajoute les snippet à chaque page HTML.
rewrite_images	Yes	No	Optimise les images, les réencoder, en supprimant les pixels en excès, et de petites images inline. En mode OptimizeForBandwidth, le minification se produit en place sans changer les URL.
convert_jpeg_to_progressive	Yes	Yes	Convertit les fichiers JPEG au format progressif plus grands. Implicite par des images recompresser.
convert_png_to_jpeg	Yes	Yes	Convertit GIF et PNG images en format jpeg si elles semblent être moins sensibles aux artefacts de compression et manquent de transparence alpha. Implicite par des images recompresser.
convert_jpeg_to_web	Yes	Yes	Producess web plutôt que lossy images jpeg pour les navigateurs qui web de soutien. Implicite par des images recompresser.
convert_to_web_animated	No	No	Remplace images GIF animées avec des images WebP sur les navigateurs qui prennent en charge le format.
convert_to_web_lossless	Yes	No	Sous-entendus par rewrite_images. Et remplace les images png GIF non animé avec des images WebP sur les navigateurs qui prennent en charge le format.
insert_image_dimensions	No	No	largeur et hauteur adds attributs à balises <img> qui en manquent.
inline_images	Yes	No	Sous-entendus par rewrite_images. Remplace petites images par des données: urls.
recompress_images	Yes	Yes	Sous-entendus par rewrite_images. Recompresse images, la suppression des métadonnées en excès et de transformation en gifs pngs.
recompress_jpeg	Yes	Yes	Sous-entendus par recompress_images. Recompresse jpegs, éliminer l’excès de métadonnées.
recompress_png	Yes	Yes	Sous-entendus par recompress_images. Recompresse pngs, éliminer l’excès de métadonnées.
recompress_web	Yes	Yes	Sous-entendus par recompress_images. Recompresse webs, éliminer l’excès de métadonnées.
convert_gif_to_png	Yes	Yes	Sous-entendus par recompress_images. Optimise gifs à PNGs.
strip_image_color_profile	Yes	Yes	Sous-entendus par recompress_images. Bandes profil info couleur à partir d’images.
strip_image_meta_data	Yes	Yes	Sous-entendus par recompress_images. Bandes EXIF méta des images.
jpeg_sampling	Yes	Yes	Sous-entendus par recompress_images. Réduit la couleur échantillonnage des images JPEG à 4: 2: 0.
resize_images	Yes	No	Sous-entendus par rewrite_images. Redimensionne images lorsque les balise <img> Précise correspondant d’une largeur plus petite et la hauteur.
resize_rendered_image_dimensions	Yes	No	Sous-entendus par rewrite_images. Redimensionne une image lorsque les dimensions rendus de l’image sont plus petites que l’image réelle.
inline_preview_images	No	No	Utilisations inline images de faible qualité comme mots clés qui seront remplacées par des images originales une fois la page Web est chargée.
resize_mobile_images	No	No	Fonctionne comme inline_preview_images, mais utilise des images plus petites d’espace réservé et ne les sert aux navigateurs mobiles.
remove_comments	No	No	Supprime les commentaires dans les fichiers HTML (mais pas en ligne JavaScript ou CSS).
collapse_whitespace	No	No	Supprime les espaces en trop dans les fichiers HTML (éviter <pre>, <script>, <style> et <textarea>).
elide_attributes	No	No	Enlève les attributs qui ne sont pas significatifs en fonction de la spécification HTML.
extend_cache	Yes	No	Prolonge la durée de vie du cache CSS, JS, et les ressources d’image qui n’ont pas autrement été optimisés, en signant des URL avec un hachage contenu.
extend_cache_css	Yes	No	Sous-entendus par extend_cache. Prolonge la durée de vie cache des ressources CSS autrement non optimisés en signant des URL avec un hachage contenu.
extend_cache_images	Yes	No	Sous-entendus par extend_cache. Prolonge la durée de vie cache des images non optimisées autrement en signant des URL avec un hachage contenu.
extend_cache_scripts	Yes	No	Sous-entendus par extend_cache. Prolonge la durée de vie cache des scripts non optimisés par ailleurs en signant des URL avec un hachage contenu.
extend_cache_pdfs	No	No	Prolonge la durée de vie cache de fichiers PDF en signant des URL avec un hachage contenu.
sprite_images	No	No	Combiner les images de fond dans les fichiers CSS dans un sprite.
rewrite_domains	No	No	Réécrit les domaines des ressources non autrement touchés par PageSpeed, en fonction des paramètres MapRewriteDomain et ShardDomain dans le fichier de configuration.
trim_urls	No	No	URL raccourcissent en les rendant par rapport à l’URL de base.
pedantic	No	No	Ajouter les types par défaut pour <script> et <style> si l’attribut type n’est pas présent et la page n’est pas HTML5. Le but de ce filtre est de veiller à ce que PageSpeed ne casse pas HTML4 validation.
remove_quotes	No	No	Supprime les guillemets autour des attributs HTML qui ne sont pas nécessaires. Lexicalement
add_instrumentation	No	No	JavaScript adds à la page pour mesurer la latence et envoyer au serveur.
convert_meta_tags	Yes	No	Ajoute un en-tête de réponse pour chaque balise meta avec un attribut http-equiv.
defer_javascript	No	No	Diffère l’exécution de JavaScript en HTML jusqu’à ce que la page complète de charge.
dedup_inlined_images	No	No	Images inline Replaces répétés avec JavaScript qui charge l’image de la première apparition de l’image.
lazyload_images	No	No	Charge les images quand ils deviennent visibles dans la fenêtre du client.
insert_dns_prefetch	No	No	Inserts <link rel = « dns-prefetch » href = « // www.example.com »> balises pour réduire le temps de résolution DNS.
hint_preload_subresources	No	No	Inserts Lien: </ example.css>; rel = précharge têtes pour aller chercher des permis plus tôt des ressources importantes.
in_place_optimize_for_browser	No	Yes	Effectuer des optimisations des ressources en place en fonction de navigateur.

(Voir tous les détails : https://www.modpagespeed.com/doc/config_filters)

Je parle d’O2switch ici :

https://www.vinvin.dev/boutique-prestashop-out-of-box-o2switch/

Mon aide ta été préciseuse ?

Tu veux me remercier en me payant une bière ou un jus de pomme ? C'est facile via Paypal. Glisse moi ton email, je t'enverrai une photo si tu le souhaites.

🍻 Paye moi une bière

Une réponse sur « Activer PageSpeed sur o2switch et Cpanel »

Bonjour, bizarrement, certaines images de ma boutique disparaissent sous quelques heures et aléatoirement en activant le Pagespeed. Si je décoche une seule des options, les images reviennent. Je suis sur Prestahsop 1.7.6.7 et Version de PHP : 7.2.34. Si vous avez une petite idée, je suis preneur.