Quelques suggestions pour rédiger des applications HTML haute performance

Cet article présente principalement certaines suggestions pour écrire des applications HTML haute performance, y compris les méthodes de programmation CSS et JavaScript connexes. Les amis qui en ont besoin peuvent se référer à la façon dont vous pouvez améliorer les performances du Web?

La plupart des développeurs optimiseront via JavaScript et des images, des fichiers zip et fusionneront les fichiers via la configuration du serveur, les fichiers zip et même les CSS de modification (fusionntes de petites images).

Le pauvre HTML est toujours ignoré, même s'il a toujours été le langage central du Web.

HTML devient de plus en plus grand. Les 100 meilleurs sites Web sont principalement d'environ 40k par page HTML. Amazon et Yahoo utilisent des milliers de pages HTML. Sur la page principale YouTube.com, il y a jusqu'à 3500 éléments HTML.

La complexité de HTML réduite et le nombre d'éléments d'une page n'améliorent pas de manière significative le temps d'analyse - mais le HTML est un facteur clé dans la création de pages Web rapides, l'adaptation à différents appareils et affectant le succès.

Dans cet article, vous apprendrez à écrire un HTML propre et nettoyant qui vous permet de créer des sites Web qui chargent et prennent rapidement en charge plusieurs appareils qui seront faciles à déboguer et à maintenir.

Il n'y a pas seulement une façon d'écrire du code - en particulier HTML. Ce n'est qu'une explication de l'expérience générale, mais ce n'est pas le seul bon choix.

HTML est un langage de balisage utilisé pour représenter la structure et le contenu.

HTML ne doit pas être utilisé pour afficher les styles et les styles. N'écrivez pas de texte dans la balise de titre (H1 ~ H6) pour apparaître plus grand, ou utilisez simplement l'élément BlockQuotes pour l'indentation. Au lieu de cela, utilisez CSS pour modifier l'apparence et la disposition des éléments.

L'apparition par défaut des éléments HTML est implémentée via le style par défaut du navigateur: Firefox, Internet Explorer et Opera sont tous différents. Par exemple, dans Chrome, l'élément H1 par défaut fait une taille de 32px.

Trois principes de base:

En utilisant HTML pour représenter les structures, CSS est utilisé pour exprimer différents styles et thèmes. JavaScript pour répondre au comportement de l'utilisateur.

Utilisez HTML, utilisez CSS si nécessaire et ajoutez JavaScript si vous n'êtes pas autorisé. Par exemple: dans de nombreux cas, vous pouvez utiliser des formulaires HTML pour la vérification et utiliser CSS ou SVG pour implémenter l'animation.

Séparez CSS et JavaScript de votre code HTML. Qu'ils soient mis en cache, ce qui rend le code plus facile à déboguer. En production, CSS et JavaScript sont compressibles et fusionnés et devraient faire partie de votre système de construction. Remarque * Voir Concours système JavaScript Construction (Édition)

Structure de document de document

Utilisation du type de document de HTML5: