7 начина да увеличите скоростта на зареждане на сайта си през 2017 г.

Времената, когато неприбързаният и премерен ритъм на живот напълно отговаряше на хората, отдавна отминаха. Търпението е все по-малко важно в наши дни. Например в САЩ обикновеният клиент е готов да стои на опашка не повече от 15 минути. Този период се намалява на 6-10 секунди, когато той търси стоки и услуги онлайн. Ако не успеете да привлечете вниманието на клиентите в този кратък период, вашият онлайн бизнес едва ли ще бъде успешен.

Защо скоростта наистина има значение?

Скоростта на зареждане на уебсайта става още по-важна, когато става въпрос за търсачките. Дори и най-старателната работа по SEO и AdWords е безполезна, ако сайтът ви се зарежда бавно. По този начин ще загубите битката дори преди да започне - на етапа на класиране. Скоростта на сайта е един от задължителните фактори в алгоритъма за класиране на Google. Експертите на Google твърдо вярват, че „... колкото по-бързи са сайтовете, толкова по-щастливи са потребителите“.

Екипът на MotoCMS винаги е наблюдавал работата на уебсайта си. Вече работим по неговата оптимизация и сме готови да споделим нашия опит с вас.

Тествайте скоростта на страницата

Какво е достатъчна скорост? Няма отговор на този въпрос. Без значение колко бързо изглеждат страниците на уебсайта ви, не забравяйте - няма граница за съвършенство! Следователно, преди да започнете да работите по ускоряване на зареждането на страницата, трябва да определите какво ги е накарало да се забавят.

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

Екипът на MotoCMS вече е изследвал и анализирал забавящите фактори, използвайки PageSpeed Insights и е открил няколко начина за ускоряване на страниците на уебсайта им.

Използвайте мързеливо зареждане

Мързеливо зареждане (или динамично зареждане на страница) е концепция, при която не позволяваме на обект да се зареди, докато не се нуждаем от него. По този начин можете да определите кои компоненти не трябва да се зареждат по подразбиране при зареждане на страницата. Този подход е истинско благо за сайтове с дълги страници и много изображения.

Уебсайтът на MotoCMS използва ленив метод за зареждане на страниците на магазини за шаблони.

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

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

В наши дни изображенията са почти навсякъде. Това не е изненадващо, защото 65% от възрастните са визуални - хора, които възприемат информацията много по-добре през техните очи. Следователно 90% от сайтовете съдържат широка гама от графични елементи. Изображенията обаче могат значително да забавят скоростта на зареждане на вашия сайт. Разбира се, не можете просто да ги премахнете. Но можете да ги оптимизирате, като увеличите скоростта на зареждане на страницата си с 80% по този начин. Това е просто - преди да качите изображения, обърнете внимание на техния размер и формат.

Размер на изображението

Изрежете изображенията с правилния размер и премахнете празното пространство около тях. Никога не качвайте изображения с ширина 1000px, ако ширината на страницата ви е 570px (атрибутът width е "570"). Преоразмерете всяко изображение, за да отговаря на ширината на страницата ви.

Формат на изображението

Изберете най-добрия формат на графичния файл. Използвайте JPEG изображения за всички снимки. PNG изображенията почти винаги превъзхождат GIF, когато става въпрос за графика. GIF изображенията се използват най-добре за много малки или прости графики или за изображения, които съдържат анимация. Избягвайте да използвате TIFF и BMP изображения. Можете също да използвате подходящия плъгин, предложен от вашата CMS, за да оптимизирате вече заредени изображения.

Намалете количеството информация, необходимо за изобразяване на вашата страница. Премахването на ненужни байтове (допълнително празно пространство, прекъсвания на редове и отстъпи) спестява много байтове информация. Малкият размер на файла помага да се намали латентността на мрежата, която се появява всеки път, когато страницата ви се зареди. Колкото по-малки са файловете, толкова по-бързо се зареждат и изпълняват от браузърите.

Използвайте кеширане на браузъра

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

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

Може би вашата CMS предлага разширения или приставки за кеширане. Ако разработчиците на CMS не предоставят такива инструменти, трябва да зададете параметрите за кеширане във файла .htaccess в основната папка на домейна, за да кажете на браузъра кои файлове трябва да бъдат кеширани. Можете да зададете различно време на изтичане за различни файлове. Ако някои типове файлове се актуализират по-често, задайте им по-кратко време на изтичане. След това запазете промените във файла (избягвайте често срещаната грешка и не записвайте този файл във формат .txt).

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

Активиране на gzip компресия

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

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

Повечето уеб сървъри могат да компресират файлове в gzip формат, като използват модули на трети страни или вградени функции. Ако трябва да конфигурирате сървъра си за компресиране на gzip, използвайте mod deflate за Apache, HttpGzipModule за Nginx и следвайте тези инструкции за IIS.

Вашите предимства са ясни. Gzip компресията намалява размера на уеб страниците с до 70%, което със сигурност ще увеличи скоростта им.

Присъединете се към AMP проекта

Екипът на MotoCMS вече се е справил с тази задача. Присъединихме се към AMP проекта от Google. Ускорените мобилни страници са разработени като отворен стандарт за всеки разработчик, който иска да ускори зареждането на уебсайтове на мобилни устройства. Проучването на Google показва, че AMP-проектираните страници се зареждат с 15-85% по-бързо от обикновените страници.

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