Як аптымізаваць сайт пад мабільныя прылады.

  1. апошнія артыкулы рэклама

апошнія артыкулы

рэклама

Да канца акцыі засталося:

Галоўная -> артыкулы -> Аптымізацыя сайта для мабільных

Усе крыніцы важныя, усе крыніцы патрэбныя!

Мабільны трафік набірае мега-абароты ў свеце. If you are not mobile, you are death! Гэты слоган кампанія Google выкарыстоўвае ўжо пару гадоў. Грэбаваць мабільным трафікам - значыць губляць 10-30% сваёй мэтавай аўдыторыі.

Не так даўно гугловчане афіцыйна заявілі пра тое, што сайты, якія не праходзяць праверку на прыдатнасць ў мабільным свеце не будуць паказвацца ў пошуку на мабільных прыладах.

Пры гэтым, прагрэсіўныя алгарытмы ўжо ўмеюць вызначаць прыдатнасць любога сайта на адлюстраванне ў мабілкі. Каб быць у трэндзе, трэба, у ідэале, ствараць новы сайт на адаптыўнай вёрстцы. Вядома, не заўсёды такое магчыма. Таму для тых, чый сайт доўгажыхар з дызайнам з дзевяностых, гугловчане выкацілі шэраг простых (гэта яны так думаюць) правілаў. Калі ўсе гэтыя правілы звесці ў адзін мануал, атрымаецца вялікі ануча-дакумент з аб'ёмам 30000 знакаў. Каб не прымушаць вас чытаць увесь мануал ад першакрыніцы, дазволю сабе яго скараціць да умопонятного памеру.

  1. Ўключыць сціск на сэрвэры. Дзесьці ў наладах вашага сервера можна задаць сціск дакументаў перад апраўкай ў фармат GZIP. Калі не ў вашых руках адміністраванне сервераў, то звяртацца трэба прама да адміністратара ці да хостеру. Яны абавязаны гэта ведаць і, хутчэй за ўсё дапамогуць вам.
  2. Для кожнага статычнага дакумента, фрагмента, малюнка, які грузіцца на вашай старонцы трэба прапісаць час захоўвання ў кэшы браўзэра. Робіцца ў наладах сервера. Звяртацца ізноў жа да хостеру або адміну. Гугл рэкамендуе ставіць час захоўвання ад тыдня да года.
  3. Калі ў загалоўку старонкі сайта выкарыстоўваюцца знешнія скрыпты, іх трэба грузіць асінхронна. Калі ёсць магчымасць уставіць скрыпт цалкам у загаловак (улічваючы, што скрыпт не павінен быць больш за ўсё астатняга кода старонкі), яго трэба туды ўставіць жыўцом.
  4. Час адказу сервера не павінна перавышаць 200мс. Калі больш, пытанні да адмін і хостерам.
  5. Памер шрыфтоў - ад 16px.
  6. Памер актыўных элементаў (кнопачкі там, спасылачкі, паўзункі і да т.п.) - не менш за 48px па любой з бакоў.
  7. Адлегласць паміж актыўнымі элементамі - не менш за 32px.
  8. У CSS мінімізаваць выкарыстанне фіксаваных памераў элементаў, указвайце всё в працэнтах.
  9. Не выкарыстоўваць flash нідзе. Flash цяпер зло!
  10. Не больш за адзін рэдырэкту на старонцы. Напрыклад, пры звароце да www.site перанакіроўваюцца на site. Выходзіць, адзін рэдырэкт. Прымальна.
  11. Увесь найбольш важны кантэнт павінен загружацца першым. Напрыклад, у вас у шапцы сайта дзіўная карцінка, якую вы любіце, але якая важыць тры метры. Зрабіце так, каб гэтая карцінка загружалася пасля ўсяго астатняга, каб юзверь з 3g інтэрнэтам не засумаваў.
  12. Усе выявы абразаем да карыснага зместу і захоўваем у PNG c мінімальна-прымальнай глыбінёй колеру.
  13. Усе лішнія прабелы, пустыя радкі, каментары, у HTML, JS і CSS выдаляем.
  14. У HTML, CSS і JS не выкарыстоўваем назвы ідэнтыфікатараў даўжынёй больш 4х знакаў.
  15. У тэг HEAD вставляем радок "meta name = viewport content =" width = device-width, initial-scale = 1 "
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости