Съдържание
Генерирането на уеб приложение има няколко важни етапа, сред които имаме два важни, първият е, че отговаря на нужди на потребителя и е лесен за използване, второто е, че е така възможно най -бързо, така че да не се налага да чакаме повече от секунда, за да заредим всеки негов раздел.За да изпълним този втори етап, трябва да оптимизираме нашето приложение, след като първото е изпълнено, тоест след като нашето приложение изпълнява функциите си правилно, трябва да извлечем максималната производителност, за да засилим потребителското изживяване.
Познаването на състава на уеб страница ни позволява да разберем начина, по който тя достига до браузъра и по този начин да можем да намерим точките, в които можем да направим някои подобрения, всяка малка част, която можем да оптимизираме, ще се добави в крайна сметка за обогатен потребителски опит.
Основните елементи на една страница са:
HTMLТова е кодът или текстът във файла, колкото по -голямо е кода, толкова по -тежък е файлът, но в чист текст е малко вероятно да заемаме много място.
Js файловеТова е допълващият се език par excellence, подобно на HTML това е чист текст, но е малко вероятно да го използваме в чист вид, така че почти винаги ще трябва да добавяме .js файлове нашият HTML които съдържат библиотеки и функционалности, това е възможно, ако заемаме много място, тъй като библиотеките като цяло са обширни.
CSS стилови таблициТе са файлове или код, които вмъкваме в нашия HTML което ни позволява да моделираме начина, по който браузърът ще показва мрежата на потребителя, както и Javascript можем да използваме библиотеки, които заемат място.
МултимедияТова е най -тежкият раздел, в мултимедията ще имаме всичко свързано с изображения, видео и аудио, които можем да включим в нашата страница, следователно това е частта, която добавя повече тежест за изтегляне към нашето приложение.
Нека видим в следната диаграма как изглежда обяснено:
Следователно, ако искаме по -бърза страница, трябва да бъдем по -ефективни при организирането на съдържанието, например използвайки изображения, оптимизирани за мрежата, правейки възможно най -малкото количество код чрез използване на най -добрите практики, използване на минимизирани файлове, използване на компресирано съдържание и т.н. .
С това приключваме този урок, разбирайки тази анатомия на страница, можем да получим основната информация, от която се нуждаем, за да започнем оптимизирането, тъй като ако използваме малко логика и намалим 30% или 40% От теглото на страницата ще увеличаваме нейната лекота на изтегляне и следователно нейната скорост.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
