5 лесни начини за ускоряване на сайт, блог

Е, как да се ускори страница:

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

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

Мащабът на изображението, преди да ги напълни до сайта - така че можете да ги намали с 2 пъти.

Вторият метод за оптимизация - компресиране на изображението.

Можете да използвате специалните служби, като например безплатно tinypng.com. който я компресирате без загуба на качество. Така че можете да намалите размера на изображението, като 25-80%.

2. Включи кеширането браузър

Това ще позволи да се съхранява временно определени данни на компютрите на потребителите - те не трябва да се чака всеки път, изтегляне на едни и същи елементи.

Колко дълго ще се съхраняват данните, зависи от настройките на браузъра на потребителя и вашия сървър.

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

Компресиране сайта си - почти същото като това архива. Притискането му, можете да спестите време за зареждане на 50-70% на HTML и CSS файлове, и това е т от данни.

Compression е включен в конфигурацията на сървъра - тя ще работи, в зависимост от това, което тези, които извършвате. По-долу има настройките за най-често срещаните уеб сървъри. Ако не, се обърнете към вашия уеб хостинг компания:

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

На първо място, си задайте въпроса: Смятате ли да използвам всички CSS-файлове? Ако не, да се отървете от ненужните код във файлове.

На второ място, намаляване на размера на CSS до минимум - за това се използват възможностите на своя CMS или, ако такава опция не е налична (и това не е предвидено в WordPress и Joomla), използвайте безплатна услуга, като csscompressor.com.

Трябва само да копирате вашия CSS и натиснете "Компрес" (компресия).

Ако поставите JS-файл в горната част, в предната част на основното съдържание, както и повечето сайтове, те ще бъдат заредени, за останалата част от съдържанието, а това ще направи вашите потребители да чакат.

За да не се забави зареждането на страницата, поставете JS-скриптове долната част на страницата, точно преди тялото на затваряне маркер. След това по-голямата част от вашия сайт може да podrguzhatsya преди зареждане на скриптове.

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

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

Например, можете да вземете стандартната сценария:

И за да добавите малко код, така че тя се зарежда, когато искате да:

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

Винаги тествайте всички промени, а не да се прекъсне вашия сайт.

Напомняне: Проверка на скоростта на зареждане на страници, можете да използвате услугата Google PageSpeed ​​Insights или GTMetrics.

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