Розмір має значення. Верстка сторінок

Станіслав Жарков, http://zharkov.list.ru

Оптимізація HTML-коду Web-сторінок також важлива, як і оптимізація графіки.Не секрет, що перевантаженість тексту різними непотрібними елементаминадає на процес завантаження сторінок таке ж згубний вплив, як інеопрaвданно великі графічні файли.

Якщо ви використовуєте "розумний" Web-редактор, на зразок Microsoft Frontpage, виможете бути впевнені: HTML-код ваших сторінок містить безліч цихнайнепотрібніших елементів.




Особливо підступним є Netscape Composer 4.04(На щастя, тільки у версії для Unix): на початок кожної сторінки він вставляєдвадцять (!) рядків <!– Meta http equivalent was here [Тут йде 31 пробіл]–>,тобто 1398 зайвих байт!

Можна, звичайно, прямо зараз відкрити всі ваші "фронтпейджерние" сторінки внеобразливому Блокноті і вичистити звідти все зайве.Але поки ви користуєтесь таким редактором, вся ваша оптимізаціяHTML буде нагадувати сізіфова праця – після чергової зміни сторінкив редакторі її текст знову буде "збагачений" купою непотрібних тегів і атрибутів.

У HTML дуже багато непотрібних для (функціональності сторінки) елементів. Які саме? Використовуйтепростий спосіб визначення цього: видаліть той чи інший елемент, і подивіться, як відбилосяце зміна на загальному вигляді сторінки в броузері. Якщо нічого не сталося -значить, цей тег або атрибут застосовувати не потрібно.

Ось кілька конкретних прикладів:


  1. Лапки в атрибутах (типу HEIGHT =, SRC =, HREF = і т.д.). Лапки потрібні тількитоді, коли значення атрибуту містить пробіл (наприклад, ALT =, FACE =). І щеодин виняток – директиви SSI: лапки з них такожне повинні вилучатись;

  2. Теги META AUTHOR, META GENERATOR. Ці теги потрібні хіба що для задоволеннямарнославства автора сторінки;

  3. Атрибут BORDER = 0 в теге IMG, якщо картинка не є посиланням: за замовчуваннямтовщина межі і так дорівнює нулю;

  4. Видаліть непотрібні пропуски в тексті. Особливо часто вони зустрічаються в кінці рядків, так як там їх помітити найважче;

  5. Не пишіть занадто розлогих коментарів. Ви ж пишете їх длясебе, так що використовуйте скорочення, які, можливо, зрозумієте тільки ви.


Загалом, повозитися варто, хоча б за "дякую" від відвідувачів вашого сайту.Та й текст сторінки, позбавлений всякого сміття, читати і редагувати набагатозручніше і приємніше. Для себе ж намагаєтеся 🙂

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*