зменшення

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

Перш ніж продовжувати цю публікацію, я запрошую вас прочитати наступні статті:

Перш ніж продовжувати, я запрошую вас послухати Підкаст: "Майстерність роботи з різними мовами програмування":

Spotify Звукова хмара

Ну, а тепер давайте продовжимо публікацію: Поради щодо зменшення ваги веб-сторінки та покращення користувацького досвіду (UX).

Не використовуйте однакову таблицю стилів CSS на всіх Сторінках

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

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

Для вирішення цієї проблеми ми можемо створювати різні таблиці стилів CSS і використовувати кожну на відповідній сторінці, наприклад, файли, які ми можемо називати їх як home.css, services.css, blog.css, gallery.css, contact.css, тощо Пам’ятайте, що стилі логотипу, верхнього колонтитула, меню, нижнього колонтитула та будь-якого іншого елемента, який ви хочете включити на всі сторінки, повинні завжди підтримуватися. Таким чином, не включаючи всі стилі на інші сторінки, оскільки ваш веб-сайт стане менш важким і завантажиться трохи швидше.

Не використовуйте однакові коди JavaScript на всіх Сторінках

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

Спробуйте створити файл JavaScript для кожної сторінки, наприклад файли, якими ви можете їх назвати home.js, services.js, blog.js, gallery.js, contact.js, тощо а потім викликати файл на відповідну сторінку, щоб уникнути завантаження коду JavaScript, який не буде використовуватися, і сторінка завантажиться швидше.

Створіть версію для кожного типу пристроїв

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

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

Використовуйте сервери з хорошими апаратними ресурсами

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

Ви можете найняти сервер VPS (Virtual Private Server), цей тип сервера зазвичай має дуже потужні апаратні ресурси, процесори, як правило, мають багато ядер, пам’ять цього типу серверів перевищує пам’ять загального сервера. Вони також мати достатньо місця для зберігання файлів і папок проекту, серед інших хороших функцій, які зроблять ваш проект маркером і завантажать дуже швидко.

Використовувати клієнтські бібліотеки (Front)

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

Ви можете використовувати Angular, React JS та Vue JS, ці 3 інструменти роблять завантаження вашого веб-сайту швидким, наприклад, Angular використовується у популярній відеоплатформі YouTube, а React JS використовується компанією Facebook у своїй популярній соціальній мережі та інших продуктах. або послугами, якщо ці компанії ними користуються, це дає нам впевненість, що ці інструменти хороші, а завантаження вмісту вашого веб-сайту буде швидшим.

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

Завершення

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

Оцінки)

  • Не забувайте, що ми повинні використовувати технології, щоб робити добрі справи для світу.

Слідуйте за нами в наших соціальних мережах, щоб ви не пропустили наш наступний вміст.