Как мога да намаля времето за зареждане на страницата и размера на страницата?


Отговор 1:

BackEnd -

Оптимизирането на задния край ще зависи от това, какъв стек от технологии използвате, измервайте къде се намират тесните места на сървъра, след което започнете да оптимизирате

Инструменти като New Relic могат да помогнат на този фронт, но има и други маршрути, напр. Регистрационни файлове в MySQL, добавяне на време в конфигурация на Apache, регистрационни файлове, използване на xdebug's, profiler и т.н.

FrontEnd

1) Изображения

Голям акцент за представянето ни е

оптимизиране на изображения.

Използвайте правилни файлови формати с правилни размери, Комбинирайте множество изображения в спрайт, използвайте карти на изображения, малки

Вградени изображения

(

данни

: URL схема

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

2) Javascript

избягвайте и

минимизирайте използването на блокиращ JavaScript

, поддържайте критичен JavaScript с малък размер inline, което е от съществено значение за горната част. след зареждане на всички js, които не се изискват за съдържание над fiold. за да предотвратите външния js да блокира анализатора, използвайте async маркер

пускането

таблици стилове в ТОП

позволява на страницата да се изобразява постепенно.

4) Минимизиране на HTTP заявки

За да намалите броя на HTTP заявките, комбинирайте всички малки скриптове в един скрипт и подобно комбиниране на всички CSS в един стилов лист.

5) Използвайте

Мрежа за доставка на съдържание

6) Минимизиране на JavaScript и CSS и Gzip компоненти

7) Разделяне на компоненти в множество домейни за максимално успоредно изтегляне

8) Избягвайте празно изображение src, намалете размера на бисквитките

9) След зареждане на маркери на трети страни, анализи, пренасочване, реклами, социални джунджурии.

10) Използвайте минимален брой файлове на шрифта, използвайте CSS

Търся

критичен път на изобразяване

в Google и четете

статии

пуснете основни проверки на ефективността в мрежата

използване на свободно достъпни инструменти за уеб производителност като Google PageSpeed,

Тест за ефективност и оптимизация на уебсайтове


Отговор 2:

80 до 90 процента от времето на крайния потребител се изразходва за предния край. За да направите сайта си по-бърз, опитайте се да следвате някои мерки като1. Java-скриптите във вашия сайт трябва да бъдат заредени последни, т.е. те трябва да ме поставят след tag.Това е, защото блокира останалите заявки / изтегляния на файлове, необходими за рендериране на вашия сайт. 2. Ограничете възможно най-много броя заявки (css / js / изображения файлове). Общо 4-8 активи (изображения / js / css / шрифтове) се изтеглят паралелно от един и същ домейн.3.Изпращайте възможно най-малко данни, като го компресирате.Също премахнете ненужните стилове css и js files.use минимизирани версии на css и js файлове. в главата region4.Използвайте спрайтове, т.е. комбинирайте множество икони в едно по-голямо изображение, тъй като намалява заявките за номер .5.Разпространете активите си в няколко домейна. Използвайте възможно най-паралелизация. Използвайте CDN, ако е възможно.

Надявам се това да е полезно :)


Отговор 3:

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

За да намалите времето за зареждане, трябва да намалите размера на изображенията, да сведете css и js. Ако нищо не се получи, опитайте се да комбинирате всички файлове с javascript в едно.

Тестване на ефективността на уебсайта и зареждане | Софтуер Indium САЩ


Отговор 4:

Ще фокусирам отговора си върху изображенията, защото близо две трети от уеб съдържанието е съставено от тях.

Това е твърде много фактор, който да се игнорира.

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

Първо трябва да се насочите към

PageSpeed ​​Insights

и тествайте уебсайта си, за да разберете дали вашите изображения са проблемни.

***

1.Той големите файлове с изображения могат да отнемат дълго време да се заредят

За да поправите това, намерете оптималното

размер на дисплея

&

резолюция.

Вземете решение за добра ширина и височина за показване на изображението на различни устройства за крайни потребители като десктоп, лаптоп, таблет, смартфон.

Стандартният 15-инчов екран на лаптоп има възможност за дисплей от около 100 PPI (пиксела на инч) или DPI (точки на инч). Няма смисъл да подавате изображения с резолюция 300 DPI.

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

2. Синхронно зареждане на HTML, CSS, JavaScript и изображения

Когато вашата уеб страница синхронно зарежда всички HTML, CSS, JavaScript и изображения заедно, първоначалното време на рендеринг може да бъде много високо.

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

3.

Твърде много изображения и HTTP заявки

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

Има няколко решения за това, включително намаляване на броя на изображенията, използване на CDN и надграждане на вашия сървър.

***

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

за още няколко техники, които трябва да ви заведат!


Отговор 5:

Кои са обичайните виновници на бавните страници?

Обемните изображения и лошият код традиционно се считат за основните фактори, които причиняват проблема.

  • Големите снимки често са основната причина за бавното зареждане на уеб страници. Ето защо, ако не оптимизирате изображенията на сайта, рискувате да получите страниците, заемащи множество мегабайти пространство.
  • Освен това темата и големите файлове извън нея също могат да забавят нещата.
  • Хостингът може да бъде причина за загуба на скорост на натоварване.
  • Приставки, приложения, джаджи, всъщност всички скриптове на трети страни могат да забавят сайта.
  • Пренасочванията си струва да се споменат, както и JavaScript, като са важни точки, които трябва да се разгледат.

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

Източник: LoadStorm

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

1. Прилагане на минификация

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

омаловажавам

като един на тях.

2. Оптимизация на времето за зареждане на изображението на уебсайта

Потребителите не обичат този кръг да се върти, докато се зарежда снимка, така че разочарованите посетители може просто да си отидат. За да избегнете това, изберете правилния формат или компресирайте изображения на сайта. Има много инструменти, WP Smush Image плъгин или Squoosh уеб приложение, само за да назовем някои.

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

3. Изпълнете AMP

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

«AMP за WP»

е най-простият инструмент за изработка на AMP-приятелски

content.it

позволява плъзгане и пускане на елементи на страницата върху.

4. Вземете кеширан уебсайт

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

Всеки път, когато потребителят посети вашия сайт, всяка снимка и елемент на страница трябва да бъдат заредени, след това следва HTML и кодиране. Тези процедури се повтарят при всяко преглеждане на сайта, но кеширането на браузъра може да облекчи ресурса от презареждане при всяко посещение на всеки потребител. Елементите, които вече са заредени по-рано, например, логотипи, колонтитули и т.н., са просто извикани. По правило голямо увеличение на скоростта на зареждане на сайта се наблюдава при въвеждане на касови средства. За сайтовете на WordPress можете да изпробвате W3 плъгин Total Cache и да се насладите на резултата.

5. Разрешаване на грешки 404

Грешките 404 не само смущават потребителите на сайта, но заемат пространството, което може да се използва за съдържание, и забавят сайта.

Премахването на такива страници или създаването на пренасочване към други секции на сайта ще ви помогне да спестите скорост и ценен трафик.


Отговор 6:

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

тук

, това са някои от по-рядко срещаните начини, които открих:

Намален размер на страницата (това ще намали и времето за зареждане на страницата)

  • Използвайте валидни правила за маркиране на HTML, за да отрежете ненужното маркиране. Те включват подрязване на незадължителни маркери и без включване на ненужни атрибути (за документация за W3C натиснете тук). Това е особено полезно, ако имате големи таблици или падащи менюта.
  • Ако използвате двигател за шаблони като Smarty, уверете се, че белите празни пространства са елиминирани от предните контури (да, тези „четими“ бели пространства са включени в изхода на отговора)
  • Проверете всички ваши заглавни тагове, за да се уверите, че са възможно най-кратки.
  • Ако вашият маркер не се нуждае от идентификатор, не го включвайте - задайте стилове, използвайки комбинатори, където е възможно (напр. Div> p вместо да дадете дете id).
  • Ако сте отчаяни, съкратете имената на клас / id за редовете или клетките на таблицата на много големи таблици.

Намалено време за зареждане на страницата

  • Уверете се, че всичките ви резервни заявки са максимално оптимизирани. Това включва добавяне на индекси на заявки и извличане само на минималния обем на необходимите данни (напр., НЕ ИЗБЕРЕТЕ * освен ако не е необходимо). Това ще намали времето до първия байт.
  • Използвайте техники за мързеливо зареждане, за да избегнете зареждане на .js файлове и .css файлове, докато не е абсолютно необходимо.
  • Когато е възможно, заменете изображенията с GlyphIcons или FontAwesome.
  • Уверете се, че дори нечесто кеширани (чрез .htaccess или CDN) типове файлове (като .woff и .eot) са кеширани.
  • Използвайте инструмент като CSSBurner, за да намерите излишни и по друг начин ненужни маркировки във вашия CSS, за да намалите .css времената за зареждане.
  • Използвайте чист Javascript вместо jQuery / AngularJS и т.н., където е възможно - Javascript е много по-бърз. Обърнете внимание, че като цяло ефектите наистина ще бъдат значителни само за голям брой повторения.

Отговор 7:

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

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

МАКСИМАЛНО ИЗПЪЛНЕНИЕ С HOSTINGRAJA VPS SERVER

Има няколко важни начина, чрез които можете да намалите времето за зареждане на уебсайта.

Оразмеряване и оптимизиране на изображенията

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

Използване на CDN за оптимизация на уебсайта

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

Чрез избягване на видеоклипове в уеб страница

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

Чрез превключване на приставките, когато не се използват

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