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

  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 лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

    Как поменять клавиатуру на ноутбуке самостоятельно?
    Владельцы мастерских по ремонту компьютеров часто встречаются со случаями, когда приносят ноутбук, на который была пролита какая-либо жидкость. В некоторых случаях подобная ситуация означает, что понадобится

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

    4 способа, как отключить клавиатуру на ноутбуке
    Если у вас есть ноутбук, то клавиатура и тачпад на нем являются важными составляющими, без которых работа на устройстве будет вызывать сложности. Конечно есть альтернативы в виде клавиатур и мышей, которые

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем более неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, плохо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения

    Как правильно и быстро снять клавиши с клавиатуры ноутбука
    При продолжительной и тем немало неаккуратной эксплуатации ноутбука часто образуются проблемы с клавишами. Они могут залипать, нехорошо нажиматься, а некоторые клавиши и вовсе могут сломаться. Для решения