В момента безплатните онлайн услуги са много популярни, способни да определят скоростта на използваната интернет връзка за няколко секунди, както и да открият IP адреса на компютъра, да определят местоположението на потребителя, да проверяват сайта за вируси и др. . Сред най-често срещаните програми от този тип е Speedtest.

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

Тестът не изисква изтегляне или инсталиране на допълнителни компоненти.

За да започнете тестване, има специален бутон „Напред“ (Стартиране на тестването).

Крайният резултат се получава 30 секунди след стартиране на програмата за изпълнение.

Характеристики на Speedtest Net

В резултат на използването на SpeedTest става възможно да се определи входящата и изходящата скорост на интернет връзката.

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

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

Глобален тест за скорост SpeedTest

• Услугата Speedtest.net включва само една страница – главната.

Той представлява:

• пинг,

• количеството входяща и изходяща скоростинтернет връзки,

• потребителско местоположение, зададен от IP адреса на компютъра, от който сте влезли в сайта.

Резултати за скорост на интернет сред потребителите на сайта

1. Общият брой на тестовете е 6867.
2. Средната скорост на изтегляне е 30,13 Mb/сек.
3. Средната скорост на изтегляне на компютър е 28,31 Mb/сек.
4. Средната стойност на пинг е 29 ms.

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

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

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

Целият процес на дефиниране реална скоростИнтернет връзките чрез Speedtest се осъществяват с едно щракване на мишката.

Много е удобно и не отнема много време. Дори начинаещ може да се справи с такава задача.

Ookla

Ookla е световен лидер в тестването и развитието на скоростта на широколентов интернет софтуерна мрежова диагностика.

SpeedTest.net е разработен като най-точният начин за определяне на най-бързия интернет доставчик и мобилна мрежа. Тестовете за скорост се обобщават чрез осредняване на резултатите от теста на всяко устройство на дадено потребителско местоположение всеки ден.

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

Повече от 5 милиона потребители използват приложението Speedtest всеки ден, което позволява на компанията да остане лидер в индустрията за тестване на скоростта на интернет. това безплатно обслужванедостъпни за всеки по света, който се интересува от изучаването на функциите и характеристиките на своята интернет връзка.

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

1. Google PageSpeed ​​​​Insights

Инструментът на Google за скорост на зареждане на страници. Показва стойност от 0 до 100 както за компютри, така и за мобилни устройства. Той веднага посочва слабите места на сайта и дава препоръки за оптимизиране на скоростта.

2. Инструменти на Pingdom

Дава оценка на скоростта, показва броя на обажданията към сървъра и средното време за зареждане. Обобщената таблица ще покаже подробно данните за всяка заявка към сървъра (стилове, скриптове, изображения и др.). Лесно е да се прецени какво точно в сайта забавя зареждането.

3.WhichLoadFaster

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

4. Тест за ефективност на уеб страницата

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

5. GTmetrix

друг полезен инструментза тест за скорост на сайта. Показва много обобщена информация, също така съхранява история, за да можете да сравните доколко скоростта ви на изтегляне се е подобрила или влошила. Зарежда Yahoo и Google препоръки за оптимизиране на скоростта, като ги сортира по приоритет. Тестван сървърсе намира във Ванкувър (Канада).

6. Въздействие на натоварването

Услугата тества доколко сайтът може да издържи натоварването (лек DDOS). Емулират се няколко десетки потребители и повече от сто активни връзки. Тъй като тестът продължава няколко минути, по време на това време на зареждане могат да се използват други инструменти, за да се оцени скоростта на зареждане на страницата по време на час пик. В края на теста можете да видите графика как се променя скоростта на изтегляне в зависимост от броя на активните потребители.

7. Инструменти Monitis

Анализира зареждането на уебсайтове от различни точки на Земята - сървъри в САЩ, Европа и Азия. Показва обобщена статистика за всеки тест.

8.SiteSpeed.me

Изпраща заявки към анализираната страница от различни центрове за данни (около 30 сървъра) и определя скоростта за всеки от тях. Подчертава най-доброто, най-лошото и средното представяне във времето и скоростта.

9. PR-CY

Масова проверка на скоростта на уебсайта. Можете да посочите до 10 адреса - като по този начин сравнявате времето за зареждане и размера на документа за всеки ресурс.

10. Анализатор на уеб страници

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

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

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

Повече от 50% от интернет потребителите на мобилни устройства очакват почти моментално зареждане на сайта. Въз основа на тези статистики тази статия ще обсъди как да постигнете 100/100 инча Google услуга PageSpeed ​​​​Insightsза настолни и мобилни устройства по примера на сайта „Монитор на препратки“.

Мотивация

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

Един ден, докато работех с PageSpeed ​​​​Tool, беше забелязано, че уебсайтът на Google има изненадващо нисък резултат за мобилни устройства - 59/100. Ситуацията с версията за настолни устройства беше по-добра - 92/100.

Изглежда, че е трябвало да използват свой собствен инструмент, за да оптимизират уебсайта си, нали? Така че резултатът 100/100 е недостижим?

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

Стартовите показатели на опитната площадка са 87/100.

В резултат на това след прилагане на определени манипулации бяха получени следните резултати:

Прочетете, за да научите как успяхме да постигнем тези резултати.

Как да ускоря зареждането на страницата?

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

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

И така, нека да започнем:

Стъпка #1: Оптимизиране на изображения

За да направи изображенията по-бързи, PageSpeed ​​​​Insights Tool предложи да ги оптимизирате чрез намаляване на размера на файловете. За да разрешите този проблем, трябва да направите две важни неща:

• Компресирайте всички изображения с помощта на инструменти като Compressor.io и TinyPNG. Това са безплатни инструменти, които могат да ви помогнат да намалите размера графичен файлс повече от 80%, а в някои случаи и без влошаване на качеството на самото изображение.
• Намалете размера на изображенията до минимум, без да намалявате качеството им. Например, ако на сайта имаме нужда от изображение 150x150px, то на сървъра изображението трябва да е с подходящ размер. Параметрите на изображението не трябва да се коригират, когато CSS помощили HTML тагове.

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

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

Стъпка 2: Минимизирайте JavaScript, CSS и HTML

В примера Google предлага намаляване на количеството JavaScript и CSS файлове.

Процесът на минимизиране ви позволява да намалите размера на файловете чрез елиминиране на ненужни интервали, прекъсвания, редове, знаци и коментари в JavaScript и CSS файлове. Програмистите често оставят много място и коментари, докато кодират, което може да удвои размера на JavaScript и CSS файловете.

За да се реши този проблем, Gulpjs беше инсталиран на сървъра. Това е инструмент, който автоматично създава нов файл CSS и премахва всички ненужни интервали. Освен това автоматично създава нов CSS файл всеки път, когато правите нови промени. В примера по-горе това помогна за намаляване на размера на основния CSS файл от приблизително 300 Kb на 150 Kb. Тази разлика в размера се дължи на ненужни знаци.

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

Можете да оптимизирате JavaScript с помощта на Closure Compiler, JSMin или YUI Compressor. Можете да създавате специална програма, който с помощта на горните инструменти ще преименува файловете и ще ги запише в работната директория.

Можете да намалите CSS с помощта на инструментите YUI Compressor и cssmin.js.

Можете да минимизирате HTML кода с помощта на PageSpeed ​​​​Insights. Анализирайте страницата и изберете „Скъсяване на HTML“. За да оптимизирате кода, щракнете върху „Преглед на оптимизираното съдържание“.

Можете да научите повече за оптимизирането на JavaScript и CSS файлове на следната връзка:

Можете също да изтеглите оптимизирани файлове директно от PageSpeed ​​​​Tool.

Ето резултатите, получени след минимизиране на JavaScript и CSS:

Стъпка #3: Използване на кеша на браузъра

За много уеб администратори стъпката на използване на кеширане на браузъра е най-трудната.

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

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

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

Ето визуализация на това как работи CDN:

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

След горните манипулации, инструментът PageSpeed ​​​​досадно продължи да предлага използване на кеширане на браузъра за отделни ресурси на трети страни. Ето екранна снимка:

За да разреша този проблем, трябваше да коригирам скриптовете социалните мрежичрез замяна на броячи със статични изображения, хоствани на CDN. Вместо скриптове на трети страни, които се опитваха да получат достъп до данни от Twitter, Facebook или Google Plus, за да преброят абонатите, беше инсталиран автономен брояч, който помогна за решаването на този проблем.

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

Решаването на проблем със скрипт на Google Analytics е доста трудна задача. Тъй като Analytics беше необходим и не може да бъде премахнат от сайта, трябваше да потърсим други решения.

Google променя кода на Analytics доста рядко, веднъж или два пъти годишно. Затова Разван създаде специален скрипт, който проверява за наличност на всеки осем часа най-новите актуализацииАнализ код и когато бъдат открити актуализации, ги изтегля. По този начин можете да хоствате JavaScript кода на Google Анализ на сървъра, като елиминирате необходимостта да го изтегляте от сървърите на Google при всяко посещение.

Ако няма актуализации, кодът на Анализ ще бъде зареден от кешираната версия на CDN.

И когато Google актуализира кода на JavaScript, сървърът ще се зареди автоматично нова версияи го актуализирайте в CDN. Този скрипт е използван за всички външни скриптове на трети страни.

Ето екранна снимка от Pingdom Tools, показваща всички изтегляния от CDN, включително кода на Google Analytics. Единственият файл за изтегляне от сървъра е файлът начална страница, чийто обем е само 15.5Kb. Премахването на всички скриптове на трети страни значително подобри общата скорост на зареждане.

Стъпка #4: Премахване на блокиращи кодове

Премахването на блокери също е доста трудна стъпка в процеса на подобряване на скоростта на зареждане на страницата, изискваща добри технически познания. Основният проблем, който трябваше да бъде решен, беше ревизията на целия JavaScript код, като се започне от горната част от „header” и „body” до „footer”, разположен в долната част на всички страници на сайта.

Ако вашият сайт е на платформата Wordpress, плъгинът Autopmize най-вероятно ще ви помогне да разрешите този проблем. Проверете настройките си и след това Премахнете отметката от "Force JavaScript" и го задайте на "Inline all CSS".

Стъпка # 5: Активирайте компресията

Стъпка #6: Оптимизация на мобилен формат

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

СЪС с помощта на Google Chrome можете да видите как изглежда вашият сайт по различен начин мобилни версии. За да направите това, щракнете върху иконата на менюто (хамбургер) на настройките и контролите на браузъра в горния десен ъгъл и след това изберете " Допълнителни инструменти→ Инструменти за програмисти". В лентата с инструменти изберете иконата с изображението на мобилни устройства. Това е всичко, вижте:

В случая с примера не са необходими радикални промени.

Заключение

В резултат на това бяха изпълнени 6-те най-важни стъпки, които помогнаха да се постигне идеален резултат от 100/100 в Google PageSpeed ​​​​Tools за сайта за наблюдение на обратни връзки. В резултат не само беше оптимизиран начална страница, но и всички вътрешни страници.

Сред всички предприети действия за оптимизиране на сайта могат да бъдат идентифицирани трите най-важни:

1. Използване на CDN.
2. Премахване на блокиращи кодове. (Избягвайте JavaScript в основния текст на кода; вместо това го преместете в края на файловете.)
3. Оптимизиране и компресиране на размера на изображението.

Бих искал да ви напомня още веднъж, че Google PageSpeed ​​​​Tools е само спомагателен инструмент за оптимизиране на ресурсите. Инструментите са предназначени да намалят времето между заявката (щракване върху връзка) и отговора на страницата на сайта (показване на първите елементи от страницата), така че посетителите да не напускат сайта, без да изчакат да се зареди. Освен това препоръките, предоставени от инструмента, трябва да се използват с повишено внимание, така че на потребителите да не се показва развалено оформление или някакъв нестилизиран набор от блокове.

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

Ако сте използвали Google PageSpeed ​​​​Insights, за да оптимизирате сайта си, моля, споделете резултатите си в коментарите.

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