Тел.: (067) 672 56 62    skype: webi.com.ua

Оптимізація веб-сторінки

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

Перш за все, запам’ятайте, що користувач ніколи не буде чекати більше однієї-двох хвилин на завантаження сайту. Він скоріше перейде до свого наступного результату у пошуку. Тож чому веб-майстри досі продовжують створювати повільно завантажувальні бундючні сайти? Перш за все, через брак знань про прості техніки оптимізації графіки, які би дозволили їм розробляти привабливі веб-сайти, зберігаючи при цьому малий розмір сторінки.

Ніколи не обмежуйте дизайнера створюючи перешкоди, що вплинуть на кінцевий результат. Ви можете стверджувати , що те, що дизайнер може зробити за допомогою графічних програм неможливо втілити в коді. Але це не так. Коли дизайн завершено і можна приступати до порізки макету на малі зображення для використання в html-коді, можете вважати, що випробували свою креативність. Все, що Ви робите на цьому етапі вплине на подальший розмір сторінки.

Розглянемо, що означає ефективна порізка:

  1. Не робіть великих кавалків, що містять багато різноманітних кольорів. Використовуйте кілька кавалків, де кожен містить обмежену кількість кольорів.
  2. Не робіть великого кавалку, що містить таку ж графічну структуру.
  3. Не використовуйте формат JPEG весь час. В деяких випадках формат GIF буде значно меншим. Кавалок з великою кількістю кольорів буде меншим, якщо використовувати JPEG, а не GIF. Кожен кілобайт, який Ви отримуєте від зменшення файлу зображення, водночас додає помітного зменшення розміру сторінки.
  4. Якщо у Вас є текст на одноколірному тлі, не розрізайте його взагалі. Використовуйте натомість код для створення тла. Використовуючи стилі CSS, Ви можете визначити, як шрифт, так і колір тла.

Передові технології

Графічна оптимізація сайту – це більше, ніж просто знання про оптимізацію зображень. CSS2 може запропонувати більше, ніж CSS. Хоча ще не всі браузери підтримують ці стандарти. JavaScript також надає можливості створювати деякі модні ефекти без потреби навантажувати сторінку через Flash. Одноразовим зусиллям Ви зможете виокремити свій сайт серед інших. І у Вас буде професійний привабливий сайт, що швидко завантажується.

Словник

  • Флеш-анімація

    Флеш-анімація – анімація, що застосовується у веб-технологіях для розробки анімаційних…

  • Оптимізація під браузери

    Оптимізація під браузери – коректне відображення та підлаштування Вашого сайту…

Статті