5 Способів оптимізації веб-сторінки, блог веб-розробників

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

1 спосіб. Стенография CSS

Перший спосіб допоможе скоротити розмір Вашої веб-сторінки лише на байти, якщо це маленька сторінка, але якщо мова йде про великий сайті з великою кількістю CSS, то цей спосіб може виявитися дуже корисним.

Стенография CSS існує для багатьох властивостей, наприклад: background-image, background-repeat і background-position і т.д.

Отже, неоптимізований CSS виглядав би приблизно так:

Детальніше стенографію CSS ми розглянемо на нашому блозі трохи пізніше.

Спосіб 2. Оптимізація зображень

Ще один спосіб зменшення «ваги» Вашої веб-сторінки полягає у використанні оптимізаторів зображень, наприклад DynamicDrive або ImageOptimizer.net. Там, до речі, можна скачати програму і оптимізувати зображення оффлайн.

Ну і крім оптимізаторів зображень, при збереженні зображення, наприклад, в Фотошопі, не використовуйте 100% -ве якість, якщо це не потрібно. Намагайтеся знайти оптимальний варіант між вагою картинки і її качесва.

Спосіб 3. Оптимізація дизайну

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

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

Спосіб 5. Оптимізуйте розмітку (div'и vs. таблиці)

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

Давайте розглянемо цей вкрай просто приклад двох колонок, написаних на дівах:

left hand content
right hand content
і за допомогою таблиці:
left hand content right hand content

Але навіть при використанні Дивов, потрібно бути уважним, щоб не використовувати зайві діви, так звані «обгортки», які по суті нічого не дають.

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

Схожі статті