страница

Теглото на уеб страница е много важен фактор, който разработчиците трябва да вземат предвид, когато разработват такава, търсачките позиционират по-леки страници и потребителите получават по-добро изживяване на уеб страница, която се зарежда бързо, в тази публикация ще споделя няколко съвета за губят теглото на вашия уебсайт и потребителите ви се чувстват щастливи.

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

Преди да продължа, каня ви да слушате Подкаст: "Област на работа с различни езици за програмиране":

Spotify Soundcloud

Ами сега да продължим с публикацията: Съвети за намаляване на теглото на уеб страница и подобряване на потребителския опит (UX).

Не използвайте един и същ CSS Stylesheet на всички страници

Уеб страницата винаги трябва да има CSS стилове, от съществено значение е да се покаже приятен дизайн, като се използват красиви шрифтове, приятни цветове, динамични менюта и т.н.

Но има стилове, които са ненужни за използване на други страници на уебсайт, например ако на главната страница на уебсайта имате видео презентация, към което сте приложили определени CSS стилове и на страницата за контакт този видеоклип не се използва Е, ние зареждаме стилове от видеоклипа на страница, където нямаме нужда от тях, ние зареждаме много тежка таблица със стилове.

За да решим това, можем да създадем различни CSS таблици със стилове и да използваме всеки от тях в съответната му страница, например файловете, които можем да ги наречем като home.css, услуги.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) сървър, този тип сървър обикновено има много мощни хардуерни ресурси, процесорите обикновено имат много ядра, паметта на този тип сървъри е по-голяма от тази на общ сървър, Те също разполагате с достатъчно място за съхраняване на файловете и папките на проекта, наред с други добри функции, които ще направят проекта ви куршум и ще се зареди много бързо.

Използвайте библиотеки от страна на клиента (отпред)

В тези съвременни времена има много библиотеки и инструменти, които ви позволяват да ускорите зареждането на уебсайт, тези библиотеки са разработени най-вече с програмиращия език JavaScript, който е език, широко използван в уеб разработката.

Можете да изберете да използвате Angular, React JS и Vue JS, тези 3 инструмента правят зареждането на уебсайта ви бързо, например Angular се използва в популярната видео платформа на YouTube, а React JS се използва от компанията Facebook в популярната си социална мрежа и други продукти или услуги, ако тези компании го използват, това ни дава увереността, че тези инструменти са добри и зареждането на съдържанието на вашия уебсайт ще бъде по-бързо.

Ако знаете други съвети, можете да ги споделите в коментарите на тази публикация.

Завършеност

В тази публикация споделих няколко съвета, че ако ги внедрите, ще намалите теглото на уебсайта си и следователно ще генерирате добро изживяване за потребителите. Има и други съвети, които бихме могли да споменем, но ако не сте внедрили нито един от тези, които споменавам в списъка, можете да започнете да ги прилагате точно сега.

Класове)

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

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