Wikia

Wikia Français

Commentaire0

Mettez à jour votre CSS et JavaScript pour accélérer votre wiki

Wyz août 25, 2012 Blog utilisateur:Wyz

Un des points forts de Wikia est que les communautés ont la liberté d'ajouter leur propre JavaScript (JS) et CSS pour ajouter des fonctionnalités ou modifier l'apparence de leur wiki. Beaucoup de wikis ont créé des scripts supers et les partagent même entre eux. C'est formidable et nous espérons que cela va continuer.

Shrink-mario.jpg

Toutefois la façon dont nous incluions les fichiers JS et CSS à ce jour a un inconvénient : chaque fichier inclus oblige votre navigateur Web à effectuer une requête supplémentaire vers nos serveurs puis à la restituer. Faire tout ce travail peut être extrêmement lent, aussi la Performance Team de Wikia a créé un nouveau code pour aider les communautés à charger leurs fichiers plus vite. Nous avons vu certains wikis avec pas moins de 31 fichiers JavaScript personnalisés seuls (sans compter le CSS), aussi ramener cela à deux ou trois requêtes peut rendre les choses plus rapides !

Alors, qu'avons nous fait ? En bref, nous avons créé une fonction JavaScript appelée importArticles() qui est très similaire à la fonction importScript() que beaucoup de wikis utilisent pour charger leurs fichiers JavaScript. L'avantage est que cette nouvelle fonction va permettre aux communautés de grouper tout un tas de leurs fichiers JavaScript en une seule requête. En plus de cela, le fichier combiné sera compacté. Cela signifie que tous les commentaires et espaces additionnels qui sont utilisés pour rendre le JS et CSS lisibles quand vous codez ne seront pas présents dans la version qui est servie au navigateur Web de l'utilisateur. De même, utiliser importArticles() pour importer plusieurs fichiers CSS sera bien plus rapide qu'utiliser des déclarations @import en CSS. Des fichiers plus petits sont plus rapides à télécharger — rendant ainsi l'aller-retour vers le serveur plus rapide. Tout cela signifie un chargement de votre wiki plus rapide pour vous et tous les visiteurs !

Pour en savoir plus sur comment utiliser la nouvelle fonctionnalité, veuillez vous référer à la page d'aide. Un grand merci à la Performance Team pour leur dur labeur et veuillez nous laisser vos questions dans les commentaires ci-dessous.


Vous pouvez consulter l'article original ici (en anglais).
Vous souhaitez être informé(e) sur les billets postés en rapport avec les informations techniques de Wikia ? Alors cliquez ici pour suivre ce blog.

Dernières informations techniques

14 septembre 201607 septembre 201631 août 201624 août 201617 août 2016Archives