Скоростта на зареждане на уеб сайт е един от малкото фактори, които Google публично обявява, че влияе на позиционирането в търсачката.
Затова е важно освен останалите около 200 фактора, да имате предвид и този като обърнете сериозно внимание на нещата, които можете да оптимизирате, така че да намалите времето за зареждане на страниците на вашия уеб сайт. Всяка милисекунда е от значение.
Предлагаме ви 4 основни стъпки за оптимизиране на скоростта.
1. Тестване на текущото време за зареждане
Има няколко инструмента, с които можете да направите теста. Такива са GTMetrix и PageSpeedInsights на Google.
За примера, който ще покажем ще използваме инструмента на Google.
Тествахме сайт, който оптимизираме за наш клиент:
Резултатът е 57 от максимални 100 точки. Това показва, че има много неща, които се нуждаят от оптимизиране и времето за зареждане може да бъде значително намалено.
В лявата странична лента можем да видим точно кои елементи от сайта се нуждаят от корекции като са разделени в категории по приоритет, съответно High Priority (с най-висок приоритет), Medium Priority (със среден приоритет) и Low Priority (с нисък приоритет).
След като вече сме наясно с основните проблеми, можем да започнем да работим по тяхното отстраняване.
2. Минимизиране на JS, CSS и HTML
От теста става ясно, че минимизирането на някои ресурси в JS кода може да намали размера им с 2.5KB, в HTML кода – с 2.6КБ и в CSS кода – със 62.3КБ. Или общо 65.4КБ.
Ако писането на програмен код не ви е силна страна, то може да ползвате някой от следните инструменти за компресиране на JavaScript:
За CSS кода може да използвате:
CSS кода може да изглежда така:
Или така, и пак да работи:
След направените корекции отново тествахме, и този път резултата беше по-добър – 65 от 100 или подобрение с 8 точки.
[space]
3. Оптимизиране на картинките
Ако сайтът ви има много картинки с големи размери, то най-вероятно това забавя значително неговото зареждане.
Избора на правилния файлов формат, който да използвате е от съществено значение.
За схеми, диаграми и картинки, при които детайлите са важни е по-добре да се използва PNG формат. За всички останали случаи, например снимки с хора, може да използвате JPEG.
Също така, размера на картинките може да бъде намален, без това да повлияе видимо на качеството:
Както се вижда може да спестим цели 188КБ.
За картинки в PNG формат използвахме програмата PNGOUT, а за JPEG – Jpegtran
Двата инструмента могат да бъдат вградени в Windows, което значително ще ви улесни. Нужните файлове може да свалите от тук. Приолжени са и инструкции, а след успешна инсталация трябва да се появи това меню при клик с десен бутон на мишката:
Добре е да се избягва мащабиране на картинките. Например няма смисъл да качвате картинка 640x480px, ако в сайта ви тя се използва единствено в размер 320×140.
Отново тествахме и този път резултата беше още по добър – подобрение със 17 точки:
[space]
4. Използване на кеширането на браузъра
Повечето уеб страници използват ресурси, които се променят изключително рядко, но в същото време отнемат време за да се заредят.
HTTP кеширането позволява тези ресурси да са се съхранят или да се кешират от браузъра. Веднъж кеширани, браузърът има достъп до тези ресурси на локалния компютър и не е необходимо да се свързва с уебсайта за да ги свали.
Ако използвате WordPress, то непременно инсталирайте плъгина W3 Total Cache, който допълнително ще оптимизира скоростта на зареждане на вашия уеб сайт.
[space]Краен резултат
След използването на браузър кеша и инсталирането на W3 Total Cache, резултатът беше повече от задоволителен:
90 от 100 или общо подобрение с 37 точки.
Така сайтът не само ще има предимство при класирането в Google, но и ще бъде по приятен за използване от потребителите с по-бързото си зареждане.
Ако статията ви е била полезна споделете я с вашите приятели в социалните мрежи. Очакваме коментарите ви!
Още по темата:
Светослав Стоянов
Latest posts by Светослав Стоянов (see all)
- Места за посещение в Родопите - август 25, 2020
- Вижте обновения сайт на списание „Органично“ - юни 6, 2014
- Продуктите на Shock Doctor вече и на българския пазар! - февруари 20, 2014
