апошнія артыкулы рэклама
Да канца акцыі засталося:
Галоўная -> артыкулы -> Аптымізацыя сайта для мабільных
Усе крыніцы важныя, усе крыніцы патрэбныя!
Мабільны трафік набірае мега-абароты ў свеце. If you are not mobile, you are death! Гэты слоган кампанія Google выкарыстоўвае ўжо пару гадоў. Грэбаваць мабільным трафікам - значыць губляць 10-30% сваёй мэтавай аўдыторыі.
Не так даўно гугловчане афіцыйна заявілі пра тое, што сайты, якія не праходзяць праверку на прыдатнасць ў мабільным свеце не будуць паказвацца ў пошуку на мабільных прыладах.
Пры гэтым, прагрэсіўныя алгарытмы ўжо ўмеюць вызначаць прыдатнасць любога сайта на адлюстраванне ў мабілкі. Каб быць у трэндзе, трэба, у ідэале, ствараць новы сайт на адаптыўнай вёрстцы. Вядома, не заўсёды такое магчыма. Таму для тых, чый сайт доўгажыхар з дызайнам з дзевяностых, гугловчане выкацілі шэраг простых (гэта яны так думаюць) правілаў. Калі ўсе гэтыя правілы звесці ў адзін мануал, атрымаецца вялікі ануча-дакумент з аб'ёмам 30000 знакаў. Каб не прымушаць вас чытаць увесь мануал ад першакрыніцы, дазволю сабе яго скараціць да умопонятного памеру.
- Ўключыць сціск на сэрвэры. Дзесьці ў наладах вашага сервера можна задаць сціск дакументаў перад апраўкай ў фармат GZIP. Калі не ў вашых руках адміністраванне сервераў, то звяртацца трэба прама да адміністратара ці да хостеру. Яны абавязаны гэта ведаць і, хутчэй за ўсё дапамогуць вам.
- Для кожнага статычнага дакумента, фрагмента, малюнка, які грузіцца на вашай старонцы трэба прапісаць час захоўвання ў кэшы браўзэра. Робіцца ў наладах сервера. Звяртацца ізноў жа да хостеру або адміну. Гугл рэкамендуе ставіць час захоўвання ад тыдня да года.
- Калі ў загалоўку старонкі сайта выкарыстоўваюцца знешнія скрыпты, іх трэба грузіць асінхронна. Калі ёсць магчымасць уставіць скрыпт цалкам у загаловак (улічваючы, што скрыпт не павінен быць больш за ўсё астатняга кода старонкі), яго трэба туды ўставіць жыўцом.
- Час адказу сервера не павінна перавышаць 200мс. Калі больш, пытанні да адмін і хостерам.
- Памер шрыфтоў - ад 16px.
- Памер актыўных элементаў (кнопачкі там, спасылачкі, паўзункі і да т.п.) - не менш за 48px па любой з бакоў.
- Адлегласць паміж актыўнымі элементамі - не менш за 32px.
- У CSS мінімізаваць выкарыстанне фіксаваных памераў элементаў, указвайце всё в працэнтах.
- Не выкарыстоўваць flash нідзе. Flash цяпер зло!
- Не больш за адзін рэдырэкту на старонцы. Напрыклад, пры звароце да www.site перанакіроўваюцца на site. Выходзіць, адзін рэдырэкт. Прымальна.
- Увесь найбольш важны кантэнт павінен загружацца першым. Напрыклад, у вас у шапцы сайта дзіўная карцінка, якую вы любіце, але якая важыць тры метры. Зрабіце так, каб гэтая карцінка загружалася пасля ўсяго астатняга, каб юзверь з 3g інтэрнэтам не засумаваў.
- Усе выявы абразаем да карыснага зместу і захоўваем у PNG c мінімальна-прымальнай глыбінёй колеру.
- Усе лішнія прабелы, пустыя радкі, каментары, у HTML, JS і CSS выдаляем.
- У HTML, CSS і JS не выкарыстоўваем назвы ідэнтыфікатараў даўжынёй больш 4х знакаў.
- У тэг HEAD вставляем радок "meta name = viewport content =" width = device-width, initial-scale = 1 "