Време за зареждане на вашия сайт е основният фактор, който влияе на поведението на използваемост и посетител. Интернет потребителите мразят да чакат за бавно зареждане на страници, а "мигновен" страница причинява по-голямо удоволствие и голямо удоволствие за посетителите. Днес, скоростта на интернет връзката, става все по-висока, и много на уеб разработчиците не мисля за оптимизиране на страниците си за подобряване на скоростта им, а това е много важен фактор. В тази статия ще получите основни съвети за подобряване на уеб-страници скорост и да се подобри използваемостта на вашия уеб-базирано приложение.
1. Намаляване на броя на файловете
Намаляване на броя на файловете на страницата води до намаляване на задължителните HTTP връзки, за да ги изтеглите, като по този начин ускоряване на процеса. Но как става това? Можете да използвате следните методи:
Използвайте CSS Sprites
Вместо да се използват отделни изображения за фон на различните елементи, че е възможно да ги комбинирате в една и използват CSS техника спрайтове за този файл. Това значително намалява броят на изтеглянията и да ускори зареждането на страницата.
Комбинирайте CSS / JS файлове в един
Ако използвате много CSS / JS файлове на вашата страница, а след техния съюз може значително да намали броя на заявките.
2. Намаляване на размера на файловете
Големи файлове очевидно се нуждаят от много време, за да се зареди, защото с помощта на определени техники, можете да намалите размера на файла.
Намаляване на HTML файл
Използвайте HTML-minifikator като HTML Tidy. тя ще премахнете излишните интервали или нови редове.
Намаляване на CSS / JS файлове
Оптимизиране на изображения за уеб
3. Оптимизиране на страната на сървъра
Кеш динамични страници
При използване на динамичен сървър браузър страница кеширане прави статични файлове, тя отнема много по-малко време, отколкото поколението на страницата. Уеб сървъри като Apache е оптимизиран за много ефективно обслужване статично съдържание. Ако използвате WordPress, кеширането на страници ще отговаря на плъгин WP-Super Cache.
Активиране GZip
Повечето съвременни браузъри са в състояние да работят с GZip, чието използване от страна на сървъра, за да се намали размера на HTML, CSS / JS файлове, преди да ги изпратят на браузъра, като по този начин се намалява количеството на предава трафик.
Използвайте Изтича заглавията за статично съдържание
За съдържание, което не се променя често, като например изображения, CSS, JS файлове, добавяне Изтича заглавна ще позволи използването на кеширане браузър. Setting Изтича на бъдеща дата позволява на браузъра да не търсят повторно ресурси, както и да ги вземе от кеша.
Следният код може да бъде настроен Изтича заглавията в Apache, използвайки .htaccess файл:
Използване на Изтича хедър за статично съдържание значително ще подобри опита на потребителите се връщат към вашия сайт, защото всички статично съдържание ще бъдат обслужвани от локален кеш на вашия браузър.
Използвайте черти URLah
Отърви се от грешки 404
Грешка 404 (страницата не е намерена) води до разходите трябва едновременно на сървъра и браузъра. Проверете сървърни логове или потърсете прекъснати връзки и да ги коригира.
Винаги използвайте favicon.ico
Повечето браузъри се опитват да намерят favicon.ico за домейна, за да добавите малка икона на сайта, независимо от това дали тя е на разположение в HTML. Ако не искате да използвате favicon.ico, а след това просто поставете прозрачна икона в основата на вашия сайт, както и на браузъра няма да получи грешка 404, когато се опитват да го отворите.
4. Подобрения в HTML
Друг добър начин за подобряване на скоростта на вашия сайт е да се оптимизират вашите HTML страници, така че да отпечатва на екрана възможно най-бързо, за да се подобри възприятието на посетителите на вашия сайт. След това ще разгледаме някои съвети за оптимизиране на HTML ускори изобразяването.
Качване на стилове в горната част на страницата
Винаги поставяйте лист стил на горната част на страницата, в маркера
. то ще се извърши постепенно натоварване на страницата. При получаване на съдържание HTML браузър, той ще покаже, че се прилагат към него стилове CSS.Избягвайте използването на @import
Ако използвате @import към външни стилови листове, след това ще спре да го прави, защото @import може да доведе до постепенното изтегляне на стилове, вместо паралелно, но с по-голям брой маси, за връзка, в която те могат да се променят. винаги използвайте за да се свържете стилове.
Научете повече за @import можете да от статията Не използвайте @import
Избягвайте CSS изрази
CSS изрази понякога могат да бъдат полезни, но те са изключително ефективна работа в браузър. CSS браузъри изчисляват израз при зареждането на страницата, когато тя се превърта, и като цяло всеки път, когато мишката се премества. Един израз на CSS на страницата ще бъде оценен хиляди пъти във вашия браузър. Можете да проверите това с помощта на тезгяха, вътре израз.
Посочете височината и ширината на изображението
Винаги определите височината и ширината на IMG таг. така браузърът ще могат да научат повече за размерите му, преди да ги качите на сървъра. В противен случай, браузърът знае размера на изображението само след пълното му изтегляне.
Избягвайте мащабиране на изображения в браузъра
Ако използвате свойствата ширина и височина на IMG таг, за да изведете на големи изображения, като малък, вие сте принуждавайки браузъра, за да свърши повече работа за показване на страницата. По-добре да се използва умалено изображение с линк.
Очевидно е, че и двете последния съвет не се прилага в случай на адаптивност.
Маркирайте JS / CSS код в външни файлове.
Опитайте се да задели целия JS / CSS код в външни файлове, а не да го поставите директно в HTML. Браузърите са в състояние да кешира JS / CSS файлове, които ще бъдат полезни, когато се връщат посетителите.
5. Други оптимизация
В допълнение към техники, които са споменати по-горе, има и други начини за ускоряване на зареждането на страницата.
Намаляване на DNS заявки
Използвайте повече от един домейн за статично съдържание
Както е добре известно в браузъри, има ограничение за броя на едновременни входящи файлове от един и същ домейн, използването на поддомейни може да помогне за свалянето на паралелизация страницата си. Например, ако вашият сайт е наречен moysayt.rf. статичното съдържание може да бъде дадено такова домейн и stat1.moysayt.rf stat2.moysayt.rf. Това няма да доведе до увеличаване на броя на заявките за DNS, защото искането за moysayt.rf вече формирана.
Използване на домейн, без бисквитки за статично съдържание
Ако сайтът ви използва бисквитки, като днес повечето сайтове, което трябва да знаете за всяка заявка към сървъра, заедно с искане, изпратено и бисквитки. Това е просто режийни за статично съдържание, като например JS / CSS / изображения. Разпределя се статично съдържание от домейни без бисквитки, за да го избегне. Много от големите сайтове използват тази техника, например, Yahoo използва yimg.com да служи статично съдържание. YouTube използва ytimg.com статиката.
Използвайте мрежа за доставяне на съдържание
С помощта на CDN подобрява опит на страницата на посетителя като съдържанието се изтегля от най-близкия сървър. Това намалява забавянето на мрежата, когато сървърът се намира далеч, а също и разпределя натоварването между няколко сървъра. CDN е с висока ефективност и по-висока цена, което ги прави достъпни само за много големи сайтове.
Използвайте инструменти за оптимизиране
Подобни записи
и в края на статията свързва именно :)
където са цифрите? моите тестове показват, 5-6 секунди на вашия сайт.
странно, не забеляза съжалявам)
на Pingdom просто проверява - дадох 2,47 и отново е общото време от това, което аз разбирам от отговора на сървъра и завършвайки с зареждане на страницата. Имам време за реакция на сървъра, отнема повече време, отколкото изтегляне)
Google на 68 (от общо 100) Място издадено ..
след Pingdom на услугата gzipa даде 2.18 и сваляне ускори малко по принцип)
Свързани статии