web-dev-qa-db-fra.com

Mis en cache Bootstrap vs CSS personnalisé

Je suis en train de débattre de l'opportunité d'utiliser un framework existant tel que Bootstrap qui a une chance décente d'être mis en cache par rapport à un CSS personnalisé qui n'a aucune chance d'être mis en cache.

Quel est le meilleur du point de vue de l'expérience utilisateur et du point de vue du référencement?

2
DD.

Aucun effet sur le référencement selon les critères de référencement (en supposant qu'ils soient de taille, de mise en cache et de parsespeed comparables). Pour le reste, vous avez besoin d'avantages et d'inconvénients et décidez en fonction de cela:

En utilisant BOOTSTRAP:
- PRO: Il y a une chance de la mettre en cache, ce qui permet un chargement plus rapide.
- PRO: Permet de gagner du temps de développement avec des classes et des possibilités prédéfinies
- PRO: Peut être accessible via une charge externe, aidant à la mise en page.
- CON: prend le temps d'apprendre
- CON: a beaucoup de frais généraux, ce n'est pas spécifique pour vous, il y aura du code que vous n'utiliserez jamais

Utilisation de CSS personnalisé:
- PRO: Vous pouvez faire ce que vous voulez
- PRO: Vous l'avez fait, alors vous le comprenez mieux
- PRO: Peut être rendu efficace, c’est-à-dire plus léger (mais cela demande une certaine habileté)
- CON: prend plus de temps pour configurer votre propre code de base
- CON: prend 1 téléchargement avant sa mise en cache (ce n'est pas un con OMI, seulement la première visite premier chargement).

C'est vraiment un choix personnel. Je n'aime pas bootstrap parce que cela limite les choses auxquelles je pense (tout doit correspondre à Bootstrap).


Pour répondre à votre commentaire ci-dessous, j’ai fait ma conclusion sur le fait qu’elles sont à peu près identiques, la source n’affectant pas votre valeur SEO (ou très très minime, ne dites jamais jamais). Vous avez également demandé si Google vérifie si vous cachez.
Je pense que oui, ils utilisent les tests de PageSpeed ​​pour la mise en cache, mais cela n’aurait aucune importance, car si vous avez fait cela correctement pour votre custom.css, il est mis en cache dans les deux situations (donc, rendant la différence égale à (en dehors de la 1ère charge)).

1
Martijn

Du point de vue du référencement, la seule chose qui compte est la vitesse de chargement final de votre site et, partant, la quantité de fichiers que vous chargez.

Si vous avez raison de dire que Bootstrap peut être mis en cache, c’est également vrai que vous pouvez le charger à partir de CDN comme MaxCDN et obtenir ainsi une source de chargement différente lorsque les sources asynchrones sont importantes pour la vitesse de chargement globale. J'aime cette méthode.

Si vous voulez avoir le contrôle total de vos fichiers, et même adresser la réponse @Martijn ci-dessus, vous pouvez utiliser la version Less de Bootstrap et la compiler avec Gruntjs . Ceci est absolument incroyable car Grunt valide votre code, le réduit et le compresse dans un fichier unique, ce qui réduit le nombre de fichiers à charger, les fichiers plus petits et optimisés.

Comme je l’ai dit dans l’un de mes commentaires, vous devriez aller avec ce que vous vous sentez mieux en développant, puis l’optimiser pour qu’il soit petit et rapide.

1
nunorbatista