Зменшення вимог пропускної здатності вашого веб-сайту

• Може 8, 2024

Успіх може вбити. Це все, що слід пам’ятати всім веб-майстрам.

У цю епоху миттєвого спілкування веб-сторінка, яка стає популярною («стає вірусною» в Інтернетному мовленні), може опинитися в відвідувачах. Для більшості власників веб-сайтів це мрія… доки вони не борються за те, щоб утримати сервер під лавиною звернень, або в кінцевому підсумку кидають гроші на свої веб-хостингові компанії в шаленій спробі збільшити пропускну здатність сайту.

Трохи заздалегідь планування може позбавити вас від потенційної раптової популярності та звести щоденні витрати на хостинг до мінімуму.

Для початку погляньте на зображення вашого сайту. На типовому веб-сайті файли зображень відповідають за переважну частину споживання пропускної здатності.

Кінцевим методом зменшення використання пропускної здатності зображень є це взагалі їх вимкнення з вашого сайту. Це не означає перетворення вашого веб-сайту лише на текст; це означає скористатися недорогим (час від часу безкоштовним!) сайтом для обміну зображеннями для розміщення ваших зображень для вас. Перш ніж скористатися послугою, спробуйте її в невеликому масштабі, а потім перегляньте свій сайт з різних місць; деякі брандмауери автоматично блокують зображення з популярних сайтів спільного доступу, особливо якщо ваші відвідувачі відвідують Інтернет з офісних комп'ютерів.

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

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

Ще один спосіб утримати зображення від прискорення пропускної здатності - це скидання їх на користь тексту, розробленого CSS. Ця методика добре працює з кнопками та іншими вигадливими посиланнями, оскільки ви можете зробити дуже багато з кольорами тла, рамками та псевдокласом: наведіть курсор. Налаштуйте пізніше наступну серію про те, як розробити інтерактивні меню за допомогою CSS та HTML.

Тепер, коли у вас зображення в квадраті, настав час посилити текст. Часто ви можете видалити частину зайвого простору зі свого HTML-коду. Порожні рядки між розділами коду можуть покращити читабельність, але якщо у вас є десяток повернень перевезень між тегом body та першим рядком коду, ви переборщили його.

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

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

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

Відео Інструкція: Tropico 6 Tipps und Tricks [Deutsch/German] Episode 2 - Broker, Tourismus, Multikultur, Tunnel uvm (Може 2024).