Как да подобрим скоростта на качване на актуализирания сайт 2019
Google Speed Update - когато скоростта на зареждане на сайта е станала наистина важна
Още през 2016 г. Google публикува доклад, в който се поддържа, че 40% от потребителите на мобилни устройства напускат страницата, ако тя се зареди за повече от 3 секунди.
В средата на януари 2018 г. Google обяви началото на нов проект, който има за цел да подобри резултатите от търсенето за мобилни устройства. През юли 2018 г. беше внедрена актуализацията Speed - актуализацията на алгоритъма на Google, която има за цел да намали позицията на уебсайтове с намалена скорост на зареждане. Оттогава скоростта на зареждане се превърна във важен фактор за определяне на позицията на вашия сайт в резултатите от търсенето с Google.
„Хората искат да намерят отговора на въпросите му възможно най-скоро - изследванията показват, че скоростта на зареждане на сайта е много важна за тях“, заявиха членове на екипа на Google Zhiheng Wang и Doantam Phan в публикация в Google Webmaster Централен блог.
„Актуализирането на алгоритъма на Google ще повлияе на относително малък брой търсения. Само страници, които предлагат бавна скорост на зареждане, ще получат спад в резултатите от търсенето. " Ван и Фан обясняват.
Заедно с други UX фактори, външни връзки и стойност на съдържанието, скоростта на зареждане на сайта оказва силно и пряко влияние върху ефективността на SEO.
Присъединете се към 170 000 потребители, които създават уебсайтове безплатно и без познания по програмиране.
Програмата за създаване на уебсайтове, WebWave, ви позволява да създавате уеб страници с пълна свобода. Можете да започнете процеса на създаване на уебсайт от чиста страница или да използвате шаблон.
Как да подобрите времето за зареждане на уеб страницата - няколко прости съвета и инструменти
Какво можем да направим, за да подобрим скоростта на качване на нашия сайт? Най-простият метод е да "отслабите" уеб страницата - да намалите количеството данни, изтеглени по време на достъпа. Ето няколко прости съвета, които ще ви помогнат да подобрите времето за зареждане на вашия сайт:
а. Изберете подходящата разделителна способност за изображенията
Изображенията с резолюция 5000 пиксела изглеждат великолепно, но за съжаление заемат няколко мегабита или дори повече. Изборът на правилната разделителна способност е първата стъпка за „отслабване“ на изображенията и осветяване на страницата. Не забравяйте, че колкото по-висока е разделителната способност, толкова по-голям е размерът на файла.
В WebWave препоръчваме да използвате снимки с разделителна способност, двойно по-голяма от изображението на сайта. По време на публикуването изображенията се компресират, за да се ускори зареждането на сайта - което се забелязва при изображения с ниска разделителна способност.
Компресирането на изображения е лесно в популярни програми като GIMP или дори най-простият Irfanview.
Хората искат да намерят отговора на въпросите му възможно най-скоро
б. Изберете правилния формат на изображението
Имаме 3 възможности за избор: JPEG, PNG и SVG. Всеки от тези формати има свои специфики. Ако изберем правилния формат за правилното изображение, ще получим високоефективни файлове.
Форматът PNG е по-подходящ за изображения с малък брой цветове и нюанси.
JPEG форматът е по-подходящ за изображения с голям брой цветове и детайли.
SVG форматът е формат, който е подходящ за прости изображения с малък брой детайли (напр. Лога)
Форматът PNG включва 2 подформата: PNG-24 и PNG-8. Разликата между тях е броят на цветовете, които могат да включват изображението. Ако не сте сигурни кой формат ще бъде по-подходящ, изберете оригиналния формат за запазване на файла.
в. Оптимизиране на файлове с изображения
Преди да поставите изображения на сайта, можете да премахнете още няколко kb, като използвате безплатни инструменти като tinypng.com. Те ми помогнаха да спестя стотици мегабита. Просто "хвърляте" изображението, правите някаква магия и получавате изображение, което изглежда еднакво, но "тежи" по-малко. Добре, това всъщност не е магия, това е мъдра автоматизация, но не е необходимо да се описва подробно. Важното е, че работи.
Интересен трик, който ни позволява да получаваме по-ясни изображения, е да удвоим размера и да намалим качеството им.
Изображение с ширина 300 пиксела и качество 60% ще "тежи" приблизително колкото изображение от 600 пиксела и качество 30%. Но второто изображение, поставено на страница с 300 пиксела, ще изглежда по-добре.
- Iamginea A - Оригинално изображение с размери 300x200px, запазено с 60% качество
- Iamginea B - Модифицираното изображение с размери 600x400px, запазено с качество 30%
г. Оптимизирайте JavaScript и CSS кода
В допълнение към изображенията при достъп до даден сайт се изтеглят и JavaScript кодове и CSS файлове. Те също могат да "тежат" много и заслужават да бъдат намалени. От друга страна, ако кодът на сайта включва грешки или не е „ясен“, това ще забави още повече зареждането на сайта.
За да оптимизирате кодовете оптимално, има невероятни инструменти, които ще премахнат всички ненужни символи, коментари и ще съкратят дълги изречения, като същевременно запазят цялата функционалност на кода. Тези програми ще могат да намалят размера на CSS и JS файлове от 30% на 90%.
Ако използвате WebWave, не е необходимо да оптимизирате кода, той се оптимизира автоматично по време на публикуването. По време на разработването на платформата работихме за подобряване на скоростта на зареждане на сайтовете. По-долу ще представя най-важните подобрения в кода на публикуваните сайтове, внедрени през последните 12 месеца (от актуализирането на статията):