Catégories
optimisation

Activer PageSpeed sur o2switch et Cpanel

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.

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 NameIn CoreFiltersIn OptimizeForBandwidthBrève description
responsive_imagesNoNoDonne des images sensibles en ajoutant srcset avec des images optimisées pour différentes résolutions.
add_headYesNoAjoute un élément <head> du document si pas déjà présent.
combine_headsNoNoMoissonneuses-batteuses multiples <head> éléments trouvés dans le document en un seul.
inline_import_to_linkYesNoInline balises <style> ne comprenant que @imports CSS en les convertissant en équivalent balise <link>.
outline_cssNoNoExternaliser gros blocs de CSS dans un fichier cacheable.
outline_javascriptNoNoExternaliser gros blocs de JS dans un fichier cacheable.
move_css_above_scriptsNoNoMoves éléments CSS ci-dessus les balises <script>.
move_css_to_headNoNoDéplace éléments CSS dans la balise <head>.
combine_cssYesNoCombine plusieurs éléments CSS en un seul.
rewrite_cssYesYesRéé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_urlsYesNoRéécrit ressources référencées dans un fichier CSS qui ne peut autrement être analysées et minified.
rewrite_style_attributesNoNoRéécrire le CSS dans les attributs de style en appliquant le filtre rewrite_css configuré pour elle.
rewrite_style_attributes_with_urlYesNoRéé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_importsYesNoCSS en ligne en aplatissant toutes les règles @import.
prioritize_critical_cssNoNoRemplacer les balises CSS avec les versions inline qui ne comprennent que le CSS utilisé par la page.
make_google_analytics_asyncNoNoConvertir utilisation synchrone de l’API Google Analytics asynchrone
make_show_ads_asyncNoNoConvertir l’utilisation synchrone de l’API Google AdSense asynchrone
rewrite_javascriptYesYesfichiers 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_externalYesYesSous-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_inlineYesYesSous-entendus par rewrite_javascript. Réécritures inline blocs JavaScript pour enlever l’excédent des espaces et des commentaires.
include_js_source_mapsNoNosource ajoute des cartes à réécrite fichiers JavaScript.
combine_javascriptYesNoCombine plusieurs éléments de script en une seule.
canonicalize_javascript_librariesNoNoRedirects JavaScript bibliothèques à un service d’hébergement JavaScript.
inline_cssYesNoInline petits fichiers CSS dans le document HTML.
inline_google_font_cssNoNoInline petits fichiers CSS utilisés par fonts.googleapis.com dans le document HTML.
inline_javascriptYesNoInline petits fichiers JS dans le document HTML.
local_storage_cacheNoNoCache inline ressources en stockage local HTML5.
insert_gaNoNoGoogle Analytics ajoute les snippet à chaque page HTML.
rewrite_imagesYesNoOptimise 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_progressiveYesYesConvertit les fichiers JPEG au format progressif plus grands. Implicite par des images recompresser.
convert_png_to_jpegYesYesConvertit 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_webYesYesProducess web plutôt que lossy images jpeg pour les navigateurs qui web de soutien. Implicite par des images recompresser.
convert_to_web_animatedNoNoRemplace images GIF animées avec des images WebP sur les navigateurs qui prennent en charge le format.
convert_to_web_losslessYesNoSous-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_dimensionsNoNolargeur et hauteur adds attributs à balises <img> qui en manquent.
inline_imagesYesNoSous-entendus par rewrite_images. Remplace petites images par des données: urls.
recompress_imagesYesYesSous-entendus par rewrite_images. Recompresse images, la suppression des métadonnées en excès et de transformation en gifs pngs.
recompress_jpegYesYesSous-entendus par recompress_images. Recompresse jpegs, éliminer l’excès de métadonnées.
recompress_pngYesYesSous-entendus par recompress_images. Recompresse pngs, éliminer l’excès de métadonnées.
recompress_webYesYesSous-entendus par recompress_images. Recompresse webs, éliminer l’excès de métadonnées.
convert_gif_to_pngYesYesSous-entendus par recompress_images. Optimise gifs à PNGs.
strip_image_color_profileYesYesSous-entendus par recompress_images. Bandes profil info couleur à partir d’images.
strip_image_meta_dataYesYesSous-entendus par recompress_images. Bandes EXIF ​​méta des images.
jpeg_samplingYesYesSous-entendus par recompress_images. Réduit la couleur échantillonnage des images JPEG à 4: 2: 0.
resize_imagesYesNoSous-entendus par rewrite_images. Redimensionne images lorsque les balise <img> Précise correspondant d’une largeur plus petite et la hauteur.
resize_rendered_image_dimensionsYesNoSous-entendus par rewrite_images. Redimensionne une image lorsque les dimensions rendus de l’image sont plus petites que l’image réelle.
inline_preview_imagesNoNoUtilisations 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_imagesNoNoFonctionne comme inline_preview_images, mais utilise des images plus petites d’espace réservé et ne les sert aux navigateurs mobiles.
remove_commentsNoNoSupprime les commentaires dans les fichiers HTML (mais pas en ligne JavaScript ou CSS).
collapse_whitespaceNoNoSupprime les espaces en trop dans les fichiers HTML (éviter <pre>, <script>, <style> et <textarea>).
elide_attributesNoNoEnlève les attributs qui ne sont pas significatifs en fonction de la spécification HTML.
extend_cacheYesNoProlonge 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_cssYesNoSous-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_imagesYesNoSous-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_scriptsYesNoSous-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_pdfsNoNoProlonge la durée de vie cache de fichiers PDF en signant des URL avec un hachage contenu.
sprite_imagesNoNoCombiner les images de fond dans les fichiers CSS dans un sprite.
rewrite_domainsNoNoRéé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_urlsNoNoURL raccourcissent en les rendant par rapport à l’URL de base.
pedanticNoNoAjouter 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_quotesNoNoSupprime les guillemets autour des attributs HTML qui ne sont pas nécessaires. Lexicalement
add_instrumentationNoNoJavaScript adds à ​​la page pour mesurer la latence et envoyer au serveur.
convert_meta_tagsYesNoAjoute un en-tête de réponse pour chaque balise meta avec un attribut http-equiv.
defer_javascriptNoNoDiffère l’exécution de JavaScript en HTML jusqu’à ce que la page complète de charge.
dedup_inlined_imagesNoNoImages inline Replaces répétés avec JavaScript qui charge l’image de la première apparition de l’image.
lazyload_imagesNoNoCharge les images quand ils deviennent visibles dans la fenêtre du client.
insert_dns_prefetchNoNoInserts <link rel = “dns-prefetch” href = “// www.example.com”> balises pour réduire le temps de résolution DNS.
hint_preload_subresourcesNoNoInserts Lien: </ example.css>; rel = précharge têtes pour aller chercher des permis plus tôt des ressources importantes.
in_place_optimize_for_browserNoYesEffectuer 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 :


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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *