Чтобы оптимизировать веб-страницы и ускорить их загрузку, помимо оптимизации изображений нам также необходимо оптимизировать другие элементы веб-страниц. Если вы сможете в полной мере использовать инструменты редактирования в процессе создания полотна, вы также сможете достичь целей оптимизации в производстве полотна. Вот некоторые методы оптимизации в Dreamweaver:
Приправильном вызове CSS
для веб-дизайна использование таблицы стилей CSS для упорядочения элементов страницы может значительно сократить объем HTML-кода. Мы это уже знаем.
Метод:
(1) Выберите объект и выберите определенный стиль в контекстном меню, чтобы добавить его; (2) Выберите стиль объекта на панели стилей
(3) Щелкните правой кнопкой мыши метку в селекторе меток. Выберите; стиль.
Хотя эффекты страницы, получаемые этими тремя методами, одинаковы, поскольку первый метод генерирует тег «span» в HTML-коде, при чрезмерном использовании он значительно увеличит толщину исходного файла веб-страницы и повлияет на скорость загрузки. . Поэтому при вызове CSS следует использовать второй и третий методы.
Уменьшите нагрузку на сервер
. На интерактивных веб-страницах пользователи часто отправляют данные на сервер через формы, ждут, пока данные будут обработаны сервером, и возвращаются в браузер... Процесс ожидания очень раздражает. По этой причине, когда мы редактируем веб-страницы, нам также необходимо учитывать сервер. При создании веб-страниц в Dreamweaver одна из лучших вещей, которая может снизить нагрузку на сервер, — это проверка легальности формы, отправленной пользователем. Это нужно делать только на стороне браузера, не возвращаясь на сервер для проверки. , что не только снижает нагрузку на сервер, но и снижает нагрузку на сервер, и зрителю становится менее грустно ждать. Способ: выберите форму, откройте панель «Поведение», щелкните знак «+», чтобы выбрать «ValidateForm», а затем установите его. Кстати, обратите внимание, что этот процесс проверки на самом деле использует JavaScript для проверки на стороне браузера. При выполнении вышеуказанной операции в Dreamweaver этот код JavaScript будет размещен в заголовке и середине веб-страницы, что определенно увеличит полное время отображения страницы, поскольку браузер должен сначала загрузить этот код, прежде чем загружать другие элементы страницы. . Поэтому лучше всего открыть редактор кода в Dreamweaver, вырезать и вставить этот скрипт в конец исходного кода и дать ему возможность загрузиться в конце. Кроме того, когда мы добавляем эффекты сценария JavaScript на веб-страницу, если вы не хотите, чтобы они вступали в силу сразу при появлении страницы, вы также можете настроить их следующим образом.
Самостоятельное «похудение»
В настоящее время на веб-страницах существует множество «чаев для похудения», и мы можем найти их повсюду. В Dreamweaver нам не нужно повсюду искать «чай для похудения». Функция «может сделать веб-страницы «тонкими и приятными».
Способ: выберите «Очистить HTML» в меню «Команды», чтобы настроить параметры очистки избыточного кода на веб-странице.
Рационально применяя таблицы,
нам необходимо не только снизить нагрузку на сервер, но и снизить нагрузку на используемый нами браузер, то есть мы должны максимально сократить время парсинга браузером страницы. Упомянутый выше сценарий JavaScript является примером. На анализ страницы браузером также влияет таблица, поскольку время анализа таблицы браузером пропорционально размеру и сложности таблицы, а для компоновки макета в Dreamweaver мы добавляем большое количество таблиц для позиционирования. Некоторые люди даже объединяют несколько маленьких таблиц в одну большую, что существенно увеличивает нагрузку на браузер и значительно удлиняет время отрисовки страницы. По этой причине при использовании таблиц следует максимально разбивать таблицы и по возможности избегать таблиц.