- Інструменты тэставання хуткасці сайта
- Аптымізацыя уласцівасцяў малюнкаў
- Памер файла малюнка
- фармат
- Content Delivery Network (Сетка дастаўкі кантэнту)
- дадатковая аптымізацыя
Малюнкі вялікага памеру могуць запаволіць хуткасць вашага сайта, што негатыўна адаб'ецца на яго пазіцыі ў выніках пошуку, і ўзроўні канверсіі. Малюнкі павінны быць аптымізаваныя так, каб дамагчыся лепшага балансу паміж выразнасцю, і памерам файла.
Ніжэй, мы прапануем некалькі інструментаў для вымярэння хуткасці сайта, і дамо рады па аптымізацыі малюнкаў.
Інструменты тэставання хуткасці сайта
Хуткасць сайта або хуткасць старонкі з'яўляюцца важнымі фактарамі, якія вызначаюць іх рэйтынг у пошукавых сістэмах. Такія інструменты, як PageSpeed Tools ад Google і Website Speed Test ад Pingdom скажуць вам, памер якіх малюнкаў перавышае неабходны.
Сучасныя вэб браўзэры, таксама, ўключаюць у сябе інструменты для распрацоўнікаў (напрыклад, Chrome DevTools і Firefox Developer Tools ), Якія, апроч іншага, дапамогуць вам вымераць хуткасць сайта.
Аптымізацыя уласцівасцяў малюнкаў
фізічны памер
Пераканайцеся, што фізічны памер малюнка (вышыня і шырыня), не перавышае 1000 пікселяў з самай доўгай боку. Фатаграфія, зробленая 5 мегапіксэльнай камерай будзе мець памер у 5000 пікселяў з самай доўгай боку, што нашмат перавышае аптымальнае дазвол для вэб-кантэнту.
Савет: пры загрузцы малюнкаў з камеры, зьмяніце назву файла на нешта, што пошукаваму рухавічку будзе прасцей індэксаваць. Напрыклад, дэфолтных імя файла будзе падобна на DSC00101.JPG. зменіце яго на што-то, вроде longsleeve-kashmir-sweater.jpg.
Таксама, каб зрэзаць малюнкі з камеры, вы можаце выкарыстоўваць праграмы для апрацоўкі графікі, ці бясплатныя вэб-сэрвісы, накшталт Pixlr .
Памер файла малюнка
Памер файла вашых малюнкаў не менш важны, бо ён кажа пра тое, колькі месца ён будзе займаць. Сайты, накшталт TinyPNG і JPEG-Optimizer дапамогуць сціснуць вашыя выявы, скараціўшы час загрузкі старонак. Некаторыя графічныя рэдактары, напрыклад, Adobe Photoshop выкарыстоўваюць функцыю «Save for Web», якая робіць тое ж самае.
Звярніце ўвагу, што малююнкі вышэй не моцна адрозніваюцца адзін ад аднаго, але сціснуты варыянт справа, загрузіцца ў 5 разоў хутчэй.
фармат
Фармат малюнка, гэта спосаб яго кадавання. Выявы могуць быць закадзіраваны ў розных фарматах. У большасці сітуацый, JPG фармат прапануе найлепшы баланс хуткасці загрузкі і выразнасці малюнка. PNG файлы звычайна выкарыстоўваюцца для такой вэб графікі, як абразкі або ўзоры.
Content Delivery Network (Сетка дастаўкі кантэнту)
Content Delivery Network (CDN) дазваляе аптымізаваць дастаўку і дыстрыбуцыю кантэнту канчатковым карыстачам, кешируя пэўныя дадзеныя на сеткавых вузлах. Напрыклад, калі хтосьці з Японіі зойдзе на ваш сайт, то ён будзе атрымліваць дадзеныя з лакальнага сервера CDN, размешчанага ў Азіі.
дадатковая аптымізацыя
Хоць гэта не звязана з хуткасцю сайта, вашыя выявы павінны ўтрымліваць апісальныя alt-тэгі, якія будуць адлюстроўвацца ў выпадку, калі па нейкай прычыне малюнак не будзе загружана. Гэта можа быць карысна па некалькіх прычынах:
- Карыстальнік сьляпы, і для прагляду сеткі выкарыстоўвае адмысловае ПА
- У карыстальніка ненадзейнае інтэрнэт злучэнне
- Карыстальнік адключыў паказ малюнкаў у наладах браўзэра
Пошукавыя рухавікі выкарыстоўваюць alt-тэгі, каб пабольш даведацца пра прыроду сайта, і выкарыстоўваць гэтую інфармацыю для вызначэння яго рэйтынгу ў выніках пошуку.
крыніца: bigcommerce.com
