Web & eCommerce

Core Web Vitals и скорост: какво да оптимизирате преди redesign

Как да планирате Core Web Vitals и скорост преди redesign: LCP, INP, CLS, images, fonts, JS, third-party scripts и performance budget.

От DigitaL+ екип2 мин. четене
D+Web & eCommerce
Най-важното

Ключови изводи

  • Core Web Vitals трябва да се планират по page type, не само по homepage.
  • Design решения като hero media, fonts и JS interactions определят голяма част от performance бюджета.
  • Caching помага след като payload и architecture вече са рационални.
Съдържание на материала

Скоростта не се „оправя“ в края на проекта с cache plugin. Големите performance проблеми често са резултат от design и architecture решения, взети много по-рано.

Кратък отговор

Преди redesign дефинирайте performance budget, LCP strategy, image/font policy и правила за third-party scripts. Измервайте LCP, INP и CLS на реални page types, а не само Lighthouse score на homepage.

Започнете от page types

Homepage, service page, category, product и article имат различни bottleneck-и. Изберете representative URLs и измервайте всеки template отделно.

LCP: какво е най-голямото съдържание над fold

Hero image, large heading или video често определят LCP. Оптимизирайте real asset dimensions, preload само когато има смисъл и не зареждайте огромно desktop изображение на mobile.

INP: взаимодействието зависи от JavaScript

Heavy sliders, trackers и builder scripts могат да блокират main thread. Преди да добавите още animation library, проверете дали interaction-ът има реална UX стойност.

CLS: резервирайте място

Images, embeds, cookie bars и динамично content injection могат да разместват layout-а. Width/height, aspect-ratio и стабилни placeholders са базови controls.

РешениеРискПо-добър подход
Autoplay video heroLCP / bandwidthStatic poster или controlled media
6 font weightsBlocking requestsОграничена type system
JS-rendered copyRendering dependencyServer-rendered HTML
Без image dimensionsCLSExplicit dimensions / aspect ratio

Performance budget преди дизайн

  • максимален hero asset размер;
  • брой font files/weights;
  • allowed third-party scripts;
  • JS budget за critical interaction;
  • image formats и responsive source policy.

Не гонете само laboratory score

Lighthouse е диагностичен инструмент. Field data показва как реалните потребители преживяват сайта. Разглеждайте CrUX/Search Console данни, когато има достатъчно traffic, и комбинирайте с RUM при по-зрял setup.

Cache е последният, не първият слой

Page cache, CDN и minification помагат, но не могат да направят огромен hero asset малък или да премахнат ненужна interaction логика. Оптимизирайте design и payload преди caching layer.

За архитектурата вижте изработка на сайт с SEO архитектура.

Най-евтиният performance fix е елементът, който решавате да не зареждате още в design phase.
DigitaL+ практика

Как прилагаме принципа на практика

При текущия DigitaL+ rebuild core copy на service и blog templates е server-rendered, а motion е ограничен и има prefers-reduced-motion fallback. Това намалява зависимостта от client-side rendering и позволява performance оптимизацията да започне от компонентната архитектура.

Източници и проверка

Официални източници

  1. Google Search Central — Core Web VitalsОфициално ръководство за Core Web Vitals.
  2. web.dev — Core Web VitalsПрактически performance ресурси и метрики.
Реални проекти

Свързани примери от портфолиото

Aphrodite Modern Clothing Store Greece - проект на DigitaL+

Aphrodite Modern Clothing Store Greece

Оптимизация на уебсайт за скорост и подобряване на UX дизайна му

Бяхме наети за да подобрим скоростта на вече изграден уебсайт като достигнахме до зареждане на страниците за 1,7 секунди и подобрихме UX дизайна за удобство…

Виж проекта →
JBG auto - проект на DigitaL+

JBG auto

Цялостен маркетинг - създаване на стратегия, уебсайт и реклама

От JBG auto ни потърсиха още когато идеята бе в зародиш, ние създадохме стратегия за бизнеса, създадохме онлайн магазинът им и реализирахме цялостният план, предлагащ…

Виж проекта →
MIA boutique - проект на DigitaL+

MIA boutique

Създаване на онлайн магазин и бизнес профили в социалните мрежи

Изградихме онлайн магазин за марката и направихме бизнес профили в социланите мрежи Facebook и Instagram, през които промотираме новите колекции.

Виж проекта →
D+
Автор и издател

DigitaL+ екип

Материалът е редактиран спрямо практиката на агенцията и официалните източници, посочени по-горе. Не публикуваме измислени резултати или непроверими статистики.

Екип, опит и подход →
Продължете по темата

Свързани ръководства

От знание към изпълнение

Ако темата е част от реален проект, можем да я превърнем в приоритизиран план, implementation и measurement.

Свържете се с DigitaL+
Използваме бисквитки, за да персонализираме съдържанието и рекламите, да предоставяме функции на социалните медии и да анализираме нашия трафик. Също така споделяме информация относно използването на нашия сайт от ваша страна с нашите социални медии, партньори за реклама и анализи. View more
Cookies settings
Приеми
Политика за поверителност и бисквитки
Privacy & Cookies policy
Cookie nameActive

Политика за защита на лични данни

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

Съдържание

  • Дефиниции, използвани в настоящата Политика
  • Принципи на защита на данните, които спазваме
  • Какви са правата ви относно вашите лични данни
  • Какви лични данни събираме за вас
  • Как използваме вашите лични данни
  • Кой друг има достъп до вашите лични данни
  • Как запазваме вашите данни
  • Информация относно „бисквитките“
  • Надзорен орган

Дефиниции

Лични данни – всяка информация, свързана с идентификацията на физическо лице. Обработка – всяко действие или съвкупност от дейстия, които се извършват върху личните данни или набор лични данни. Субект на данни – физическо лице, чиито лични данни се обработват. Дете – физическо лице под 16 годишна възраст. Ние/нас  – №

Принципи на защита на личните данни

Обещаваме да спазваме следните принципи на защита на личните данни:
  • Принцип на законосъобразност, добросъвестност и прозрачност. Нашите дейности по обработка на данните са законосъобразни. Винаги отчитаме вашите права преди да обработим личните ви данни. Ако поискате, ние ще ви предоставим информация относно обработката на вашите данни.
  • Принцип на ограничение на целите. Нашите дейности по обработка на лични данни съответстват на целта, за която събираме тези данни.
  • Принцип на свеждане на данните до минимум. Събираме и обработваме единствено минимално необходимите лични данни за съответната цел.
  • Принцип на ограничение на съхранението. Няма да съхраняваме вашите лични данни по-дълго, отколкото е необходимо.
  • Принцип на цялостност на данните. Ще направим всичко в нашите възможности да осигурим акуратност на данните.
  • Принцип на поверителност на данните. Ще направим всичко в нашите възможности да осигурим защита на личните ви данни срещу неразрешено или незаконосъобразно обработване, случайна загуба, унищожаване или повреждане.

Права на субекта на данните

Субектът на данните има следните права:
  1. Право на информация – това означава, че имате правото да узнаете дали се обработват вашите лични данни, какви данни се събират, откъде са получени и защо, а също и кой ги обработва.
  2. Право на достъп – това означава, че имате правото да получите данните, които сме събрали от и за вас. Това включва правото ви да поискате и получите копие от събраните при нас ваши лични данни.
  3. Право на коригиране – това означава, че имате право да поискате коригиране или изтриване на ваши лични данни, които са неточни или непълни.
  4. Право на изтриване – това означава, че в определени обстоятелства можете да поискате личните ви данни да бъдат изтрити от нашите записи.
  5. Право на ограничаване на обработката – това означава, че при определени условия имате право да ограничите обработката на вашите лични данни.
  6. Право на възражение – това означава, че в определени случаи имате право да възразите срещу обработка на вашите лични данни, например в случай на директен маркетинг.
  7. Право да не сте обект само на автоматизирано обработване – това означава, че имате правото да възразите срещу автоматизирано обработване, включително профилиране, за да не сте обект на вземане на решения единствено на основа автоматизираното обработване. Това право можете да упражните когато има резултат от профилирането, който води до правни последици, които се отнасят до вас или ви оказват значително влияние.
  8. Право на преносимост – имате правото да получите вашите лични данни в машинно-четим формат, или ако е възможно, директно да се трансферират от един процесор към друг.
  9. Право на подаване на жалби – в случай, че откажем ваша молба съгласно вашето Право на достъп, ще ви посочим причините за този отказ. Ако не сте удовлетворени от начина, по който сме обработили молбата ви, молим ви да се свържете с нас.
  10. Право за помощ от страна на съответни надзорни органи – това означава, че имате правото да получите помощ от надзорни органи и право на други правни възмездия, като например претенции за нанесени вреди.
  11. Право да оттеглите съгласие – имате право да оттеглите което и да е съгласие, дадено от вас за обработка на личните ви данни.

Какви лични данни събираме за вас

Информация, която вие сте ни предоставили Това може да бъде ваш имейл адрес, име, пощенски или домашен адрес и т.н. Основно, това е информацията, която ни е необходима, за да ви предоставим съответен продукт/услуга или да подобрим вашия престой при нас. Запазваме информацията, която ни предоставяте, за да можете да извършвате различни дейности в сайта ни, включително да коментирате. Тази информация включва например вашето име и имейл адрес. Информация, която автоматично се събира за вас Тук се включва информация, която автоматично се съхранява от „бисквитки“ или други инструменти за вашата интернет сесия. Например, това е информация за вашата кошница за пазаруване, вашият IP адрес, вашата история на пазаруването (ако има такава) и т.н. Тази информация се използва, за да се подобри вашето преживяване на клиент при нас. Когато използвате нашите услуги или разглеждате съдържанието на нашия уебсайт, вашите действия може да бъдат включени в регистър (log). Информация от нашите партньори Събираме информация от нашите доверени партньори с потвърждение, че те имат законово основание да споделят тази информация с нас. Това е информация, която вие сте им предоставили директно или която те са събрали за вас на друго законово основание. Вижте списък с нашите партньори тук. Обществено достъпна информация Може да съберем информация за вас, която е обществено достъпна.

Как използваме вашите лични данни

Използваме вашите лични данни, за да:
  • ви предоставим нашите услуги. Това включва например регистриране на вашия акаунт; предоставяне на други продукти и услуги, които сте поискали; предоставяне на промоционални продукти по ваше желание и комуникация с вас във връзка с тези продукти и услуги; комуникация с вас; уведомяване към вас при промяна на услуги;
  • подобряване на вашето изживяване като клиент;
  • спазване на задължение съгласно закон или договор.
Използваме вашите лични данни на законосъобразна основа и/или с вашето съгласие. Във връзка със сключването на договор или изпълняването на договорни задължения, обработваме вашите лични данни със следните цели:
  • да ви идентифицираме;
  • да ви предоставим услуга или да ви изпратим/предложим продукт;
  • да се свържем с вас за осъществяване на продажба или за извършване на фактуриране;
Въз основа на законосъобразен интерес обработваме вашите лични данни за следните цели:
  • да ви изпратим персонализирани оферти (от нас и/или от наши строго подбрани партньори);
  • да администрираме и анализираме нашата клиентска база данни (поведение на пазаруване и история), за да подобрим качеството, разнообразието и наличността на продуктите/услугите, които предлагаме/предоставяме;
  • да съставяме въпросници за удовлетвореност на клиентите;
Освен ако не ни информирате друго, считаме за част от нашия законосъобразен интерес да ви предлагаме продукти/услуги, които са сходни или еднакви с вашата история на покупките/посещенията. С вашето съгласие обработваме личните ви данни за следните цели:
  • да ви изпращаме информационни бюлетини и оферти за кампании (от самите нас или от наши строго подбрани партньори);
  • за други цели, за които сме поискали вашето съгласие;
Обработваме вашите лични данни, за да изпълним задължения, произтичащи по закон и/или използваме вашите лични данни за възможности, предоставени по закон. Запазваме си правото да направим събраните от нас лични данни анонимни и да ги използваме по този начин. Ще използваме данни извън обхвата на настоящата Политика единствено когато те са анонимизирани. Запазваме информация за плащане/фактуриране и друга информация събрана от вас докато това е необходимо за счетоводни цели или други законови задължения, но не по-дълго от предвиденото в закона. Може да обработваме вашите лични данни за допълнителни цели, които не са упоменати тук, но отговарят на оригиналната цел, за която данните са били събрани. За да го направим, сме се постарали:
  • да се уверим, че връзката между целите, контекста и естеството на личните данни е подходяща за последваща обработка;
  • последващата обработка да не навреди на вашите интереси, и да осигурим подходящата защита за обработката.
Ще ви информираме за допълнителна обработка и нейните цели.

Кой друг има достъп до вашите лични данни

Не споделяме вашите лични данни с непознати. Личните данни за вас в някои случаи се предоставят на наши доверени партньори с цел осигуряване на услугата към вас или подобряване на вашето изживяване като наш клиент. Споделяме вашите данни с: Наши партньори по обработка:
  • #
Наши бизнес партньори:
  • #
Свързани трети страни:
  • #

Как защитаваме вашите лични данни

Полагаме всички усилия, за да защитим вашите лични данни. Използваме протоколи за безопасност при комуникиране и прехвърляне на данни (като напр. HTTPS). Използваме анонимизиране и псевдонимизиране, когато това е подходящо. Наблюдаваме нашите сисетми за възможни слабости и атаки. Въпреки че полагаме най-добрите си усилия, не можем да гарантираме безопасността на информацията. Но обещаваме да уведомим съответните власти за изтичане на данни. Също така ще уведомим и вас, ако има заплаха за вашите права или интереси. Ще направим всичко, което можем в разумни граници, за да предотвратим нарушаване на сигурността и да подпомогнем властите, ако все пак настъпи такова нарушаване. Ако имате акаунт при нас, обръщаме ви внимание да пазите в тайна вашето потребителско име и парола.

Деца

Не възнамеряваме да събираме или умишлено да събираме информация от деца. Нашите услуги не са насочени към деца и те не са наши целеви клиенти.

„Бисквитки“ и други технологии, които използваме

Използваме „бисквитки“ и/или други сродни технологии да анализираме потребителско поведение, да администрираме уебсайта, да проследяваме движенията на потребителите и да събираме информация относно потребители. Това се прави с цел персонализиране и подобряване на вашето изживяване при нас. „Бисквитката“ представлява малък текстови файл, който се съхранява на вашия компютър. „Бисквитките“ съхраняват информация, която се използва, за да подпомага работата на сайта. Само ние можем да достъпваме „бисквитките“, създадени от нашия уебсайт. Можете да контролирате „бисквитките“ от вашия браузер. Ако изберете да деактивирате „бисквитките“, това може да попречи на осъществяването на някои функции, които да желаете да използвате в нашия сайт. Използваме „бисквитки“ за следните цели:
  • Необходими „бисквитки“ – тези „бисквитки“ са ви необходими, за да можете да използвате някои важни функционалности от нашия уебсайт, като например да влезете с потребителско име и парола. Такива „бисквитки“ не събират никаква лична информация.
  • Функционални „бисквитки“ – тези „бисквитки“ осигуряват функционалност, която прави използването на нашата услуга по-удобно и да възможност за по-персонализирани характеристики. Например, те може да запомнят вашето име и парола в полетата за коментар, така че да не е необходимо да въвеждате тази информация всеки път, когато публикувате коментар при нас.
  • Аналитични „бисквитки“ – тези „бисквитки“ се използват, за да проследяват използването и функционирането на нашия уебсайт и услуги
  • Рекламни „бисквитки“ – тези „бисквитки“ се използват, за да предоставят реклами, които са свързани с вас и вашите интереси. В допълнение те се използват, за да ограничат броя пъти, в който виждате дадена реклама. Обикновено те се разполагат в сайта от рекламни мрежи с разрешение на оператора на уебсайта. Тези „бисквитки“ запомнят, че сте посетили даден сайт и информацията се предава на други организации като например рекламодатели. Често целевите или рекламни „бисквитки“ се обвързват с функционалност на сайта, предоставена от другата организация.
Можете да премахнете бисквитките, съхранявани на вашия компютър, посредством настройките на вашия браузер.Също така можете да контролирате някои бисквитки от трети лица, като използвате платформи за увеличаване на сигурността, като например optout.aboutads.info или youronlinechoices.com. . Ако желаете допълнителна информация за „бисквитките“ (на английски език), посетете allaboutcookies.org. Използваме Google Analytics, за да измерваме трафика на нашия уебсайт. Google имат собствена политика за съхраняване на лични данни, която можете да прегледате през техният сайт или тук. Ако желаете да бъдете изключени от Google Analytics, посетете страницата за изключване на Google Analytics.

Надзорен орган

Комисия за защита на личните данни

Промени в настоящата Политика за защита на лични данни

Запазваме си правото да правим промени в настоящата Политика за защита на лични данни. Последното изменение на Политиката е направено на 21.05.2018 г.
Save settings
Cookies settings
Back to top
Call Now Button