Afin d'optimiser les pages Web et d'accélérer les téléchargements de pages Web, en plus d'optimiser les images, nous devons également optimiser d'autres éléments des pages Web. Si vous pouvez utiliser pleinement les outils d'édition pendant le processus de tissage Web, vous pouvez également atteindre des objectifs d'optimisation dans la production Web. Voici quelques techniques d'optimisation dans Dreamweaver :
Lorsquevous appelez correctement CSS
pour la conception Web, l'utilisation d'une feuille de style CSS pour organiser les éléments de la page peut réduire considérablement le code HTML. Nous le savons déjà.
Méthode :
(1) Sélectionnez l'objet et sélectionnez le style défini dans le menu contextuel pour l'ajouter ; (2) Sélectionnez le style de l'objet dans le panneau de style
(3) Cliquez avec le bouton droit sur une étiquette dans le sélecteur d'étiquette. Choisissez ; un style.
Bien que les effets de page obtenus par ces trois méthodes soient les mêmes, puisque la première méthode générera une balise « span » dans le code HTML, si elle est utilisée de manière excessive, elle augmentera considérablement la graisse du fichier source de la page Web et affectera la vitesse de téléchargement. . Par conséquent, lors de l’appel de CSS, les deuxième et troisième méthodes doivent être utilisées.
Réduisez la charge sur le serveur
. Dans les pages Web interactives, les utilisateurs soumettent souvent des données au serveur via des formulaires, attendent que les données soient traitées par le serveur et reviennent au navigateur... Le processus d'attente est très ennuyeux. Pour cette raison, lorsque nous éditons des pages Web, nous devons également tenir compte du serveur. Lors de la création de pages Web dans Dreamweaver, l'une des meilleures choses qui peuvent réduire la charge sur le serveur est de vérifier la légalité du formulaire soumis par l'utilisateur. Cela doit uniquement être fait du côté du navigateur, sans revenir au serveur pour vérification. , ce qui réduit non seulement la charge sur le serveur, mais réduit également la charge sur le serveur et rend le spectateur moins triste d'attendre. Méthode : sélectionnez le formulaire, ouvrez le panneau "Comportements", cliquez sur le signe "+" pour sélectionner "ValidateForm", puis définissez-le. À propos, veuillez noter que ce processus de vérification utilise en fait JavaScript pour la vérification côté navigateur. Lors de l'exécution de l'opération ci-dessus dans Dreamweaver, ce code JavaScript sera placé dans l'en-tête et au milieu de la page Web, ce qui prolongera certainement la durée d'affichage complète de la page, car le navigateur doit d'abord télécharger ce code avant de télécharger d'autres éléments de la page. . Par conséquent, il est préférable d'ouvrir l'éditeur de code dans Dreamweaver, de couper et coller ce script à la fin du code source et de le laisser se télécharger à la fin. De plus, lorsque nous ajoutons des effets de script JavaScript à la page Web, si vous ne souhaitez pas qu'ils prennent effet immédiatement lorsque la page apparaît, vous pouvez également les configurer comme ceci.
Auto-« perdre du poids »
Il existe actuellement de nombreux « thés de perte de poids » sur les pages Web, et nous pouvons les trouver partout Dans Dreamweaver, nous n'avons pas besoin de chercher du « thé de perte de poids » partout en utilisant son propre « thé de perte de poids ». " peut rendre les pages Web "minces et agréables".
Méthode : sélectionnez « NettoyerHTML » dans le menu « Commandes » pour configurer les paramètres permettant d'effacer le code redondant sur la page Web.
En appliquant rationnellement les tableaux,
nous devons non seulement réduire la charge sur le serveur, mais également réduire la charge sur le navigateur que nous utilisons, c'est-à-dire que nous devons réduire autant que possible le temps d'analyse de la page du navigateur. Le script JavaScript mentionné ci-dessus est un exemple. Ce qui affecte également l'analyse de la page par le navigateur, c'est le tableau, car le temps d'analyse du tableau par le navigateur est proportionnel à la taille et à la complexité du tableau, et pour la disposition de la mise en page dans Dreamweaver, nous ajoutons un grand nombre de tableaux pour le positionnement. , certaines personnes incluent même plusieurs petits tableaux dans un grand tableau, ce qui augmente considérablement la charge du navigateur et allonge considérablement le temps de rendu des pages. Pour cette raison, lors de l'utilisation de tableaux, les tableaux doivent être divisés autant que possible et les tableaux doivent être évités autant que possible.