Owen Little
0 
1256
205
мой ЧАСYperTвн Markup LНавыки anguage (HTML) наверняка заржавели, но, возможно, это подходит мне для этой статьи. Назад в тот день, когда друзья все еще был на ТВ, и AOL ежедневно рассылал бесплатные подставки и мини-фрисби, я создавал веб-сайты для загрузки на модемах удаленного доступа. Со временем у меня хватило смелости подумать, что есть еще много людей, которые не имеют широкополосных (коммутируемых) соединений, и продолжали разрабатывать веб-сайты на основе этого..
Наконец, я отказался от веб-дизайна и разработки Хотите узнать веб-дизайн? 7 каналов YouTube для начала Вы хотите изучить веб-дизайн? 7 каналов YouTube для начала работы На YouTube есть тысячи видео и каналов для начинающих веб-дизайнеров. Здесь мы рассмотрим некоторые из лучших для начала. когда качество контента стало вытесняться количеством контента. Флэш-сайты, множество изображений, всплывающие окна, всплывающие окна, ползунки и т. Д. Доверяйте качественному контенту, и вам не нужен этот пух. Доверьтесь своему контенту, и вы сможете сделать свой сайт невероятно быстрым.
С веб-сайтом, размещенным на бесплатном сервисе, быстрее определенно лучше. Зачем? Потому что «бесплатный» имеет тенденцию привлекать множество людей, и сервер должен заполнить вашу страницу плюс тысячи страниц других людей, которые не оптимизированы. Это все равно что пытаться пройти конвой из бревен Кенворта с вашими свиньями Джимми Хаулина. Но если у вас есть маленький Porsche, это сделать намного проще.
Вот несколько советов, чтобы обрезать жир, в произвольном порядке.
1. Используйте таблицы экономно
Столы подвох-22. Вначале они использовались для разметки дизайна, а также для размещения контента в табличном формате. По мере того, как макеты дизайна усложнялись, таблицы становились все больше и глубже встраивались, а это всегда означает замедление времени загрузки.
Сascading Sмозоль SХиты (CSS) пришли и действительно помогли проблему использования таблиц для разметки. К сожалению, создатели браузеров, похоже, не могли сосредоточиться на идее стандартов - и до сих пор не могут. То, что выглядело великолепно в CSS в Firefox, выглядело как собачий завтрак в IE и, возможно, даже не отображалось в Safari. Не заводите меня на IE5 на Mac. Я все еще в терапии по этому поводу.
Используйте только таблицы для разметки содержимого, которое должно быть в табличном формате. Tableizer: Создать таблицу HTML из таблицы Excel Tableizer: Создать таблицу HTML из таблицы Excel - например, прайс-лист или хоккейную статистику. Это уменьшает количество таблиц и глубину вложенности, что означает более быстрое время загрузки. Изучение 5 лучших сайтов для изучения CSS в Интернете 5 лучших сайтов для изучения в Интернете CSS будет иметь большое значение, если у вас должен быть модный макет.
2. Используйте HTML для создания цвета
Да, я канадец, так что это цвет с буквой "U" для меня. Я знаю, что HTML ориентирован на Америку, поэтому атрибут «цвет». Изучите свои шестнадцатеричные цветовые коды и используйте их для оживления контента вместо изображений.
Попробуйте добавить атрибут color к вашим элементам HTML, чтобы оживить его. Это особенно хорошо работает в таблицах или теге body, например:
Если бы вы были браузером, вы бы быстрее загружали простые 7 символов #FF00FF или 10х10 пиксельное изображение цветной фуксии несколько тысяч раз? Это риторический вопрос, ты в заднем ряду. Опусти руку.
3. Ссылка на скрипты / таблицы стилей
Если вы используете определенный JAVASCript (JS) или CSS несколько раз по всему вашему сайту, подумайте о создании своего собственного файла и его вызове, вместо того, чтобы размещать его на каждой странице. Поскольку браузер имеет тенденцию кэшировать файл и вызывать этот файл, прежде чем проверять его на сервере, в вашем браузере уже будет готов этот скрипт или CSS. Это значит меньше ЧАСYperTвн Transfer ппротоколы (HTTP), что означает более быструю загрузку страницы.
Как вызвать внешний JavaScript:
->
Почему я поместил эти теги комментариев вокруг вызова JavaScript? Потому что не каждый браузер настроен на чтение скриптов. Добавление тегов комментариев делает браузеры с отключенными сценариями просто пропускающими их, вместо того, чтобы выдавать надоедливые сообщения об ошибках.
Как вызвать внешнюю каскадную таблицу стилей:
Это так просто. Атрибут href - это место, где вы устанавливаете местоположение таблицы стилей. Остальные атрибуты сообщают браузеру, что это за файл, поэтому он знает, что с ним делать..
Некоторые разработчики могут использовать @Импортировать метод для вызова таблицы стилей. В Internet Explorer это похоже на то, как если бы ваш тег находился внизу вашего файла, заставляя его загружать всю страницу, а затем отображать стили на нем. Нехорошо.
4. Объедините ваши обычно используемые сценарии в один файл
Многие веб-разработчики будут использовать одни и те же сценарии снова и снова. Возможно, есть сценарий часов и сценарий календаря и, возможно, какой-то сценарий спецэффектов, который они будут использовать на каждой странице. Вместо 3-х отдельных файлов с 3-мя отдельными HTTP-вызовами поместите сценарии в один файл и вызовите его один раз. Это сокращает ваши HTTP-вызовы на 66%, и это также кэшируется. Ты скоростной демон, ты! Прежде чем снова поднять руку, да, вы можете сделать то же самое с файлами CSS.
5. Не используйте HTML для изменения размера ваших изображений
Если вы хотите использовать изображение размером 1000 × 1000 пикселей на веб-странице, но хотите, чтобы оно было только 250 × 250 пикселей, измените его в редакторе изображений. Некоторые люди «уменьшают» изображение, используя HTML, например:
Если это изображение размером 1000 × 1000 пикселей имеет размер файла 2 МБ, изменение его размера с помощью HTML не приведет к уменьшению размера файла! На самом деле загрузка может занять больше времени, потому что теперь браузер должен поместить 10 фунтов корма в мешок весом 2 фунта, так сказать. Не простая задача.
Надеюсь, эти советы помогут вам. Напишите мне в комментариях, если вы их используете или у вас есть другие идеи по оптимизации HTML, которыми вы можете поделиться.