ТЕСТЫ БРАУЗЕРОВ И РАЗРЕШЕНИЯ

После завершения создания Веб -страницы, ее необходимо тщательно проверить перед размещением на сервере. Тестирование и подготовка отчета с тестов очень важна. Репутация сайта в значительной степени зависит от правильности её действий. Во время работы над сайтом для третьих лиц, отчет об испытаниях может так же служить документом, который подтверждает корректную работу Вашего сайта в момент передачи, и в случае возникновения каких-либо проблем защитить Веб -разработчика от ответственности, доказав то, что ошибки возникли из-за неправильного размещения страниц.

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

Тестирование сайта в различных условиях может быть затруднено из-за отсутствия доступа для всех браузеров. Для того, чтобы тестировать на двух системах (Win и Mac OS) требуется не менее двух компьютеров. Кроме того такие браузеры, как InternetExplorer не позволяют установку последней и более ранних версий одновременно.

На помощь в этой ситуации приходит сервис Browsershots. Этот бесплатный Веб-сайт позволяет выполнение скриншотов указанной Веб-страницы в выбранных браузерах. Вы можете так же определить некоторые выбранные параметры, такие как разрешение экрана, глубину цвета, а также активность JavaScript, Java и Flash. Каждый заказ попадает в очередь, а время его выполнения зависит от текущей нагрузки.

Browsershots -это сервис с открытым исходным кодом, основанный на людях, которые предоставляют свои компьютеры с определенными браузерами и установленной специальной программой. С помощью этого приложения можно скачать выполнение серии снимков и отправить их на сервер. Этот способ не является оптимальным решением. Несмотря на то, что позволяет увидеть, как сайт выглядит на всевозможных браузерах, но не предлагает возможности проверки взаимодействия с пользователем.

СКОРОСТЬ ЗАГРУЗКИ СТРАНИЦЫ

 Скорость загрузки сайта является одним из основных элементов о которых нужно позаботиться при создании сайта. Речь идет о развитии социальной сети, создании блога или о планировании развертывания Интернет-магазина. Время загрузки страницы зависит от многих факторов: начиная от скорости сервера на котором сайт размещен для использования мультимедийных элементов и заканчивая ошибками в коде страницы. Программисту посредством испытания необходимо убедиться в том, что ожидание просмотра каждой страницы сайта не является слишком обременительным. Следует иметь в виду, что в среднем пользователь проводит на сайте около 6 секунд, чтобы найти интересующие его сведения и около 60 секунд, когда их на странице не находит. Это позволяет прочитать 28% содержимого страницы. При коротких посещениях пользователей Вы не можете позволить, чтобы загрузка каждой из страниц заняла больше времени, чем мгновение ока.

На время загрузки сайта влияют такие факторы, как размер HTML-файла, количество и размер внешних файлов CSS и JavaScript, а так же общий размер всех используемых графических и мультимедийных элементов. При длительном времени необходимом для отображения страницы надо уменьшить элементы до минимума. Оптимизированный сайт -это не просто быстрая загрузка для посетителей сайта, но так же снижение нагрузки на Веб-серверы.

Оптимизация сайта, для уменьшения времени загрузки:

-уменьшение количества файлов, на которые ссылается страница сети -это уменьшит количество HTTP-соединений необходимых для загрузки страницы. В зависимости от настроек Кэш браузера, она может отправить на сервер запрос If-Modified-Since для каждого файла CSS, JavaScript или изображения при этом спрашивая то же, если бы файл был изменен со времени последней загрузки. Уменьшая количество файлов на которые ссылается Веб-сайт так же сокращается время необходимое для передачи этих запросов и получения ответов. Слишком много времени тратится для отправки запроса последней модификации связанных файлов, что может задержать первую и последнюю страницу так, как браузер должен проверить время последнего изменения каждого файла CSS или JavaScript перед ее отображением;

-уменьшение количества вызываемых доменов, что позволяет уменьшить время ожидания. Потому что каждая отдельная сфера поглощает время вызова DNS, уменьшение количества отдельных доменов, которые используются для создания ссылок на файлы CSS, JavaScript и изображений – это уменьшает время загрузки страницы;

-при хранение в Кэше многократно используемых элементов говорит о том, что следует убедиться, может ли в Кэше храниться любой контент с подходящим временем экспирации. Обратите внимание на заголовок Last-Modified. Он позволяет эффективно хранить страницы в Кэш. Этот заголовок сообщает агенту пользователя о том, когда произошло последнее изменение файла, который будет загружен. Для статических страниц (html, .css) большинство Веб -серверов автоматически добавляет заголовок Last-Modified, который основываеться на дате последнего изменения хранимых в файловой системе. Для динамических страниц (php, .aspx) это не может быть сделано и заголовок не отправится. Таким образом для сайтов, которые создаются динамически, занимает не большое количество работы проделанной в этом отношении предпочтительнее. Может быть – это хлопотно, но сэкономит много запросов страницы, которые в противном случае не могут храниться в Кэш;

-оптимальное упорядочение элементов. Содержание страницы должно быть снято в первую очередь, благодаря чему пользователь быстро получит видимый эффект вызова страницы. Содержание Веб-сайта вместе со всеми таблицами CSS или JavaScript, необходимыми для ее первого показа, она должна быть определена, как первая. Представляет ее текст и Вы можете получить его сжатия в модеме, тем самым обеспечивая более быструю реакцию на запрос пользователя. Все механизмы DHTML, которые требуют, чтобы страница была описана в полном объеме перед их использованием, должны быть изначально заблокированы, активируясь только после загрузки страницы. Благодаря этому скрипты DHTML и JavaScript будут загружены после содержания страницы, тем самым увеличивая общую производительность зарядки.

-уменьшение или устранение скриптов внутри XHTML-документа. Введенные сценарии могут быть долгими по времени загрузки страниц так, как парсер должен предположить автору внести изменения в структуру сайта. Снижение использования скриптов включенных в целом. Использование инструкции document.write для вывода содержимого, может увеличить общую скорость загрузки сайта. В современных браузерах для работы с содержанием сайта, необходимо использовать современные методы HOME, вместо старых решений, которые основанных на document.write.

-использование правильного синтаксиса и стилей CSS. Использование современного CSS уменьшает количество маркеров так же, может уменьшить необходимость вставки изображений создающих графический макет сайта, а в некоторых ситуациях он способен заменить картинки, которые на самом деле представляют только текст и имеют гораздо больший размер, чем соответствующие CSS и текст по его признакам. Использование правильного синтаксиса разметки имеет и другие преимущества. Браузер не должен выполнять «коррекции ошибок» во время разбора XHTML. Следует избегать регулярных выражений внутри стилей CSS и всех правил, Вы должны найти стиль во внешнем листе.

-определение размера изображений и таблиц. Если браузер может сразу определить высоту и/или ширину рисунков и таблиц, значит он сможет отображать Веб -страницы без необходимости повторного обтекания ее содержимого. Это не только ускорит просмотр страниц, но и предотвратит раздражающие изменения в системе графической стороны, после завершения загрузки. Для картинки должны быть заданы атрибуты height и width. Таблицы должны использовать правила CSS table-layout: fixed и задать ширину столбцов с помощью тегов COL и COLGROUP.

-уменьшение количества используемых изображений и их размеров. Если это возможно, то Вы должны удалить все ненужные изображения. Размер картинок оставшихся на Веб-сайте следует оптимизировать по лучшей компрессии, соответствующий формату или снижению качества. Следует иметь в виду, что размер всех изображений в КБ значительно превышает размер остальных элементов сайта.

-после выполнения тестирования среды и скорости, следующим шагом будет выполнение тестов юзабилити. Анализ юзабилити сайта с целью удаления большого количества проблем, которые испытывает пользователь при просмотре Интернет-сайта. Методология так называемого теста на юзабилити, как правило состоит из нескольких методов исследования, которые применяют независимо или одновременно.

Понравилась статья? сделайте репост чтобы не потерять

Поделиться в facebook
Репост в Facebook
Поделиться в twitter
репост в Twitter
Поделиться в vk
Репост в Вконтакте
Поделиться в odnoklassniki
Репост в Однокласники