Как уменьшить масштаб экрана в браузере Яндекс. Как уменьшить размер сайта


Как уменьшить размер сайта?

Недавно я столкнулся с небольшой проблемой: на моём хостинге стало кончаться дисковое пространство в 1 гигабайт. На хостинге у меня 5 сайтов, большинство из которых очень маленькие. Что же занимает столько место на сайтах? Проблема заключалась ещё в том, что мой хостинг не даёт возможность посмотреть детально, что сколько занимает. Но проблему нужно было решать, и я задался вопросом о том, как уменьшить размер сайта?

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

1. Как уменьшить размер сайта за счёт картинок?

Если в ваших статьях используется много картинок, то в скором времени их накопиться на хостинге огромное количество и это займёт сотни мегабайт. Поэтому первое, что нужно сделать - это разобраться с картинками. И тут есть несколько моментов.

Но перед тем, как говорит об исправлении косяков с картинками, стоит сказать, как их не наделать вначале: обязательно уменьшайте размер картинок ПЕРЕД загрузкой на сайт!

Дело в том, что чаще всего мы берём картинки из интернета, которые имеют бОльший размер, чем нам нужно. А если вы берете фото с собственного фотоаппарата, то там вообще одно фото может быть гигантских размеров. Лично я для каждого сайта выбираю определённый размер фото, чтобы был некий стандарт по ширине. Это придаёт сайту аккуратный и эстетичный вид.

Как уменьшить размер фото в Linux?

Лично я пользуюсь простой программой под названием Gthumb. Установить её можно командой:

sudo apt-get install gthumb

Открыв программу и выбрав нужную папку, вы увидите сразу все фотографии или картинки в ней. После этого щёлкаем по нужной фотографии и идём в меню Инструменты - Изменить размер изображения:

как уменьшить размер сайта

После этого появится маленькое окошечко, в котором я обычно устанавливаю размер фото по горизонтали, размер по вертикали установится сам, если у вас стоит галочка "Сохранять соотношение сторон". После такого уменьшения фото, его можно смело загружать на сайт.

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

уменьшить фото в linux

Но что, если вы уже загрузили массу БОЛЬШИХ фото? Самый лучший способ всё исправить, это скачать на компьютер папку со всеми изображениями (wp-content/uploads) и уже локально при помощи этой программы изменить их размер. А потом так же просто закачать их обратно на сервер.

Но это ещё не всё, что может увеличивать размер сайта в плане фотографий и изображений. Дело  в том, что такие CMS, как WordPress, при загрузке сайта делают на каждое фото до 3 миниатюр. А представьте, сколько дополнительного места они занимают? И если бы все они ещё были нужны!

На самом деле нам обычно нужна только одна, самая маленькая миниатюра, 150Х1500, так как именно её берут плагины, которые выводят похожие записи к статье. Все остальные, особенно 300Х300, а так же 600Х600, которые появляются, если вы загружаете очень большие фото, и потом уменьшаете их в самой статье  - вообще не нужны! А они занимаю очень много места. И вы реально можете уменьшить место на сайте, если их удалите с хостинга. Как это сделать?

Опять же можно скачать папку wp-content/uploads на компьютер и вычистить всё на месте. А можно просто открыть ftp менеджер, типа FileZilla и удалить всё удалённо. Каждая миниатюра имеет хвост в названии, типа "название фото - 300Х300".  Удаляйте такие фото смело!

уменьшить размер сайта как

Но как сделать, чтобы эти миниатюры совсем не создавались? Сделать это очень просто. Заходим в админку WordPress и ищем пункт Параметры - Медиафайлы.

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

настройка миниатюр wordpress

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

2. Как уменьшить размер почистив базу данных?

База данных - это мозг вашего сайта, в котором хранится масса информации. Но на ряду с полезной информацией, в базе может храниться масса мусора, который ОЧЕНЬ раздувает её объём. Что можно сделать, чтобы в базе данных хранилось только то, что нужно? Тут есть два момента, и поработав над ними, я уменьшил размер базы данных одного сайта В ДВА РАЗА!

Что может захламлять базу данных? Первое  - это ревизии ваших статей или авто сохранение. Вы пишите статью, а WordPress автоматически, через заданное время, сохраняет копии. Некоторые советуют отключить ревизии, но НИ В КОЕМ СЛУЧАЕ НЕ ДЕЛАЙТЕ ЭТОГО, если вы пишите статьи прямо в админке сайта.

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

А с другой стороны этих ревизий может накопиться очень много и они будут занимать много места. Но на самом деле это не проблема, так как есть замечательный плагин,который позволяет очищать базу данных от этих ревизий, а так же спама и удалённых в корзину комментариев. Называется этот плагин просто: WP-Optimize и вся работа в нём сводится к проставлению пары галочек и нажатия кнопки PROCESS.

как очистить базу данных

Но это ещё не всё. Тут всё ещё семечки, по сравнению с тем, что может загадить вашу базу данных ещё больше - это логи некоторых плагинов. Я, например, использую один плагин, при помощи которого делаю 301 редирект. Этот плагин ведёт статистику переходов и каков был мой ужас, когда я обнаружил в базе данных логов этого плагина почти на 200 мегабайт! Я зашёл в настройки этого плагина и отключил ведение журнала, чтобы эти логи не сохранялись.

как почистить сайт и базу

Но это лишь мой частный случай. Как узнать, что занимает в вашей базе данных неоправданно много места? Для этого нужно пойти на хостинг и посмотреть таблицу каждой базы данных. Можно нажать на сортировку по размеру и посмотреть, что в базе занимает большего всего места. И если такой хлам вы найдёте, то его нужно удалить, а потом устранить источник его появления. Только БУДЬТЕ ОСТОРОЖНЫ, чтобы не удалить нужно! Сначала исследуйте вопрос и убедитесь, что это действительно мусор, а потом удаляйте.

как уменьшить базу данных

Наверное пока хватит. Даже проделав всё это, можно значительно уменьшить размер сайта. Если вы знаете ещё какие-то причины, по которым сайт может пухнуть, то поделитесь, пожалуйста, в комментариях. Заранее спасибо!

Опубликовано 6 Авг 2013 13:20 © Просто Linux | Всё про Линукс, Android и Windows.

prostolinux.ru

Как уменьшить размер CSS, JS и HTML файлов

Минификация CSS, JS, HTML файлов (не путать со сжатием CSS) включает в себя удаление любых ненужных символов из файла, чтобы уменьшить его размер и тем самым ускорить загрузку.

Ниже приведены примеры того, что удаляется во время минификации файла:

  • Символы пробелов;
  • Комментарии;
  • Разрывы строк;
  • Разделители блоков.

В большинстве случаев процесс минификации не влияет на файл, а оптимизирует его для загрузки. Особенно полезна минификация CSS, JS и HTML-файлов. Кроме этого Google при ранжировании учитывает быстродействие ресурса, а минификация помогает ускорить работу сайта.

Чтобы различать минифицированные файлы, в их имена добавляется расширение .min (например: foobar.min.css).

Разница между минификацией и сжатием

Минификация и сжатие CSS файлов – это не одно и то же. Хотя оба этих метода предназначены для уменьшения времени загрузки. Различие заключается в том, как они работают. Сжатие используется для уменьшения размера файла при помощи алгоритмов сжатия, таких как Gzip или brotli. Файлы сжимаются перед отправкой клиенту.

Следовательно, процесс сжатия осуществляется следующим образом:

  1. Файл сжимается с помощью алгоритма сжатия;
  2. Выполняется запрос для сжатой версии файла;
  3. Сжатый файл отправляется от сервера к клиенту;
  4. Клиент распаковывает файл и считывает информацию.

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

Если браузер не поддерживает конкретный алгоритм сжатия, сервер будет отправлять данные в первоначальном виде (без обработки).

Пример минификации

В следующем примере показано, как CSS файл выглядит до и после минификации.

ДО CSS минификации:
.entry-content p { font-size: 14px !important; } .entry-content ul li { font-size: 14px !important; } .product_item p a { color: #000; padding: 10px 0px 0px 0; margin-bottom: 5px; border-bottom: none; }
ПОСЛЕ CSS минификации:
.entry-content p,.entry-content ul li{font-size:14px!important}.product_item p a{color:#000;padding:10px 0 0;margin-bottom:5px;border-bottom:none}

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

Минификация CSS

Онлайн
  • csscompressor.com — позволяет выбрать уровень минификации и размер файла на выходе:
  • cssminifier.com — инструмент довольно легкий в понимании. Введите существующий CSS и уменьшенная версия создается автоматически. После этого можно загрузить сжатый код CSS в виде файла:
Инструменты разработки
  • yui.github.io: позволяет осуществлять процесс сборки в среде разработки, которая уменьшает, переименовывает и сохраняет оптимизированный файл в рабочем каталоге;
  • phpied.com: инструмент использует возможности минификации CSS и YUI Compressor, но он применяет JavaScript вместо Java.

Минификация JS

Онлайн
  • closure-compiler.appspot.com: можно использовать как онлайн-инструмент и как API-интерфейс. Этот инструмент позволяет настроить оптимизацию и форматирование:
  • jscompress.com: позволяет минимизировать JS путем копирования/вставки кода. Дополнительно можно загрузить JavaScript-файл и выполнить процесс минификации нескольких файлов одновременно:
  • javascript-minifier.com: создан теми же разработчиками, что и cssminifier. JS Minifier позволяет скопировать минимизированный код или скачать его в виде файла. А также осуществить сжатие CSS и JS онлайн:

Инструменты разработки

  • yui.github.io: предоставляет возможность минимизировать JS файлы для веб-проектов.

Минификация HTML

  • htmlcompressor.com: предоставляет возможность выбора между различными уровнями минификации HTML и встроенного в него кода CSS и JS:
  • minifycode.com: представляет собой текстовое поле, куда нужно вставить код HTML и сгенерировать его уменьшенную версию:

Существует множество инструментов для минификации файлов. Многие CMS также предлагают плагины и расширения для минификации CSS, JS и HTML — файлов.

WordPress плагины для минификации

  • Better WordPress Minify;
  • Autoptimize.

Многие плагины кэширования также предлагают возможность минификации. Например, Cache Enabler поставляется с возможностью включения минификации HTML и JS. Использование этой функции позволяет уменьшить время загрузки веб-страниц, но в некоторых случаях это может привести к конфликту с другим плагином сжатия CSS WordPress.

Drupal модуль минификации

В сообществе Drupal популярным вариантом для минификации является модуль Minify. Он позволяет минимизировать HTML, JavaScript файлы и использует компилятор Google Closure, чтобы проанализировать минификацию. Конфигурация данного модуля проходит быстро.

Joomla! Расширение для минификации

CMS Joomla также предлагает расширение для оптимизации сайта под названием JCH Optimize, которое уменьшает размер JavaScript и производит сжатие CSS файлов. Оно также предоставляет возможность включить GZIP сжатие для агрегированных файлов.

Преимущества уменьшения файлов

Решение уменьшить размер CSS, JS и HTML файлов предоставляет преимущества, как пользователям сайта, так и его владельцу. Использование минификации — это отличный способ оптимизировать ваш сайт, и это легко реализовать с помощью рассмотренных инструментов и плагинов.

Перевод статьи “How To Minify CSS, JS, and HTML” был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Как изменить масштаб окна браузера: пошаговая инструкция

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

Как уменьшить масштаб страницы

Где находятся настройки Оперы

Работа с элементами страницы сайта и их габаритами чаще подразумевает увеличение размеров текста и изображений. Необходимость уменьшить текст или изображение возникает в нескольких случаях:

  • пользователь является обладателем небольшого монитора (менее 19 дюймов) с ограниченным выбором разрешения;
  • на странице расположены крупные картинки, мешающие восприятию текста;
  • дизайнер страницы на сайте неудачно задал исходную ширину или высоту для значков или букв;
  • иногда необходимо уменьшить масштаб экрана для помещения всех элементов в зону видимости.

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

  • Google Chrome;
  • Mozilla Firefox;
  • Opera;
  • Internet Explorer;
  • Safari (платформа Apple Mac).

Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.

В меню «Настройки»

Порядок действий для уменьшения изображения

С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.

Горячими клавишами

Альтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.

Самые популярные программы

Как увеличить масштаб экрана

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

Как изменить размер экрана на компьютере

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

Девушка работает за ноутбуком

Как изменить масштаб на ноутбуке

Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.

Видео: как поменять расширение экрана

sovets.net

Как уменьшить масштаб экрана в браузере Яндекс

Все мы так или иначе ежедневно пользуемся компьютерами. Ежедневно мы проводим часы в браузерах или подобных приложениях. Замечали ли вы, что плохо видите текст, вглядываетесь и напрягаете глаза? Вы в этом не одиноки. К счастью, во всех популярных браузерах, а также программах можно увеличивать масштаб. Это значит, что вы будите видеть все содержимое программы лучше и четче.

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

Как уменьшить масштаб экрана в браузере Яндекс

Как уменьшить масштаб экрана в браузере Яндекс

Особый способ

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

  1. Зажать клавишу «Ctrl», которая традиционно находится в левом нижнем углу клавиатуры.
  2. Не отпуская клавишу «Ctrl» вращайте колесико вашей мышки вперед, если хотите приблизить изображение, или назад, если хотите его отдалить.

Примечание! Можно использовать не колесико мыши, а кнопку «+» или «-» на вашей клавиатуре. Эффект будет абсолютно одинаковый.

Для увеличения или уменьшения масштаба страницы используем сочетание клавиш «Ctrl+«+» или «Ctrl+«-»

Для увеличения или уменьшения масштаба страницы используем сочетание клавиш «Ctrl+«+» или «Ctrl+«-»

В большинстве популярных браузерах вы увидите, как масштаб меняется, а вам становится гораздо лучше видно картинку или удобнее пользоваться компьютером.

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

Изменение масштаба в браузерах

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

Примечание! По умолчанию во всех браузерах выставляется масштаб 100%.

Давайте начнем именно с этого браузера и разберём 3 способа изменения масштаба страницы в нем.

Яндекс Браузер

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

    Нажимаем на три небольших полоски в правом углу экрана

  2. Появится небольшой список настроек. Над ним будет полоска масштаба, в центре вы видите текущее значение, а по бокам расположены кнопки, с помощью которых масштаб страницы можно менять. В самом начале мы увидим строку с размером масштаба, для увеличения нажимаем «+», для уменьшения «-»

    В самом начале мы увидим строку с размером масштаба, для увеличения нажимаем «+», для уменьшения «-»

На заметку! Помните также про универсальный способ с клавишей «Ctrl», который вы сможете применить и тем самым поменять масштаб.

К еще одному способу можно отнести изменение масштаба во всем браузере. То есть, изменение масштаба экрана, а не конкретной станицы.

  1. Щелкаем на три точки в правом углу экрана и открываем настройки. Нажимаем на три небольших полоски в правом углу экрана

    Нажимаем на три небольших полоски в правом углу экрана

  2. Пролистываем в самый низ страницы и нажимаем «Показать дополнительные настройки». Пролистываем в самый низ страницы и нажимаем «Показать дополнительные настройки»

    Пролистываем в самый низ страницы и нажимаем «Показать дополнительные настройки»

  3. Находим пункт «Веб-содержимое», а под ним возможность изменения масштаба. Кликаем на числовое значение масштаба, появится список, в котором мы выберем нужное значение. Находим пункт «Веб-содержимое», кликаем на числовое значение масштаба и выбираем из списка подходящий масштаб

    Находим пункт «Веб-содержимое», кликаем на числовое значение масштаба и выбираем из списка подходящий масштаб

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

Google Chrome

  1. В правой части рабочей области найдет значок с тремя точками – это значок настроек браузера. Нажмите на него. Нажимаем на три точки в правом верхнем углу браузера

    Нажимаем на три точки в правом верхнем углу браузера

  2. Откроется довольно внушительный список. Интересующая нас строчка будет находиться в середине этого списка, переходим непосредственно к ней. Переходим к строчке «Масштаб»

    Переходим к строчке «Масштаб»

  3. Процесс регулирования здесь организован так же, как в браузере от Яндекс. Если вы хотите увеличить масштаб, то кликайте на плюс справа от строки. Для увеличения масштаба нажимаем на значок «+»

    Для увеличения масштаба нажимаем на значок «+»

  4. Если же вы хотите уменьшить размер содержимого страницы, то кликайте на минус слева от строки с количеством процентов. Для уменьшения масштаба нажимаем значок «-»

    Для уменьшения масштаба нажимаем значок «-»

Mozilla Firefox

Аналогично меняется масштаб и в этом браузере. Для изменения нужно:

  1. Открываем браузер и кликаем на полоски в правом углу экрана. В правом верхнем углу нажимаем на три полоски, перейдя в настройки браузера

    В правом верхнем углу нажимаем на три полоски, перейдя в настройки браузера

  2. Вновь выпадает меню, в котором мы находим сточку «Масштаб» и меняем ее значение на нужное нам. В самом начале увидим строчку масштаба страницы

    В самом начале увидим строчку масштаба страницы

    Для уменьшения масштаба нажимаем на «-», для увеличения - на «+»

    Для уменьшения масштаба нажимаем на «-», для увеличения — на «+»

Internet Explorer

Здесь в процессе изменения масштаба появляются отличия:

  1. Нажимаем на шестеренку в правом углу браузера. Нажимаем на шестеренку в правом углу браузера

    Нажимаем на шестеренку в правом углу браузера

  2. Вы увидите строчку «Масштаб». Реализована она не так, как в других браузерах. Там нет двух кнопок – плюс и минус по бокам. В скобках написано текущее значение масштаба. Нажимаем на эту строчку. Наводим мышку на строчку «Масштаб»

    Наводим мышку на строчку «Масштаб»

  3. Появится список, из которого мы можем выбрать предложенные браузером значения. Например, 200%. Щелкаем по нужному нам масштабу

    Щелкаем по нужному нам масштабу

  4. Для того, чтобы задать то число, которое нужно вам, необходимо найти строчку «Особый», которая находится под всеми остальными значениями. Что бы задать свое значение, открываем пункт «Особый»

    Что бы задать свое значение, открываем пункт «Особый»

  5. Нажимаем на нее. Появится окно, в котором можно задать нужный вам масштаб. Вводим необходимое значение, нажимаем «ОК»

    Вводим необходимое значение, нажимаем «ОК»

    Масштаб страницы изменился, нажав на значок шестеренки мы увидим какое значение масштаба установлено

    Масштаб страницы изменился, нажав на значок шестеренки мы увидим какое значение масштаба установлено

Интересно! Internet Explorer оказался единственным в списке браузером, у которого масштаб по умолчания 150%.

Opera

В процессе изменения масштаба в этом браузере также нашлись некоторые отличия. Вам будет нужно:

  1. Открыть браузер, и уже в левом верхнем углу найти логотип «Оперы». Нажав на него, вы получите список настроек. В том числе и масштаб. Нажимаем на логотип Оперы

    Нажимаем на логотип Оперы

  2. В этом браузере масштаб реализован строчкой, по бокам которой расположились кнопки увеличения и уменьшения, а на самой строчке написано текущее значение. В пункте «Масштаб» для увеличения нажимаем значок «+», для уменьшения значок «-»

    В пункте «Масштаб» для увеличения нажимаем значок «+», для уменьшения значок «-»

Safari

Этот браузер отличается от всех остальных, в том числе и способом изменения масштаба.

  1. Здесь нам сначала нужно включить режим изменения масштаба. Сделаем это комбинацией специальных клавиш «Command+Option+8».
  2. Далее меняем масштаб на больший или меньший. В зависимости от того, какой нам нужен. «Command+Option+«+» или «Command+Option+«-» соответственно.
  3. Изменить масштаб можно и нажав на значок страницы вверху браузера, кликнув в списке на «Изменить масштаб». Нажимаем на значок, как показано на рисунке

    Нажимаем на значок, как показано на рисунке

    Наводим мышку на пункт «Изменить масштаб», выбираем необходимый параметр

    Наводим мышку на пункт «Изменить масштаб», выбираем необходимый параметр

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

Как вернуть исходный масштаб

Рассмотрим на примере Яндекс браузера. Что делать, если слишком сильно приблизили страницу, и теперь ей стало неудобно пользоваться. Конечно, можно просто аналогичным образом уменьшит масштаб, например, с помощью сочетание клавиш «Ctrl»+«+». Но есть и другой способ:

  1. Открываем настройки браузера и листаем до раздела «Личные данные». Нажимаем на три полоски, затем на пункт «Настройки»

    Нажимаем на три полоски, затем на пункт «Настройки»

    Пролистываем в самый низ страницы и нажимаем «Показать дополнительные настройки»

    Пролистываем в самый низ страницы и нажимаем «Показать дополнительные настройки»

  2. Нажимаем на кнопку «Настройки содержимого» и листаем в низ, вплоть до кнопки «Масштаб». В разделе «Личные данные» нажимаем на вкладку «Настройки содержимого»

    В разделе «Личные данные» нажимаем на вкладку «Настройки содержимого»

    Листаем вниз и находим пункт «Масштаб», нажимаем на кнопку «Настроить»

    Листаем вниз и находим пункт «Масштаб», нажимаем на кнопку «Настроить»

  3. Нажимаем на нее, появится страница, которая содержит все изменения на различных страницах браузера. Вы можете навести на мешающее вам изменение и нажать на крестик. После этого масштаб на выбранной странице вернется к исходному. Нажимаем на крестик, что бы удалить настройку масштаба браузера Яндекс, затем жмем на кнопку «Готово»

    Нажимаем на крестик, что бы удалить настройку масштаба браузера Яндекс, затем жмем на кнопку «Готово»

Читайте также полезную информацию в статье — «Как изменить шрифт в браузере Яндекс».

Изменение масштаба в программе Microsoft Word

В текстовом редакторе очень важно хорошо рассматривать все элементы интерфейс, а также сам текст. Для этого иногда нужно увеличивать масштаб.

В этой программе есть два способа для изменения масштаба. Стоит отметить, что оба способа хорошо работают, как на Word 2010, так и на более современных версиях.

Первый способ. С помощью шкалы в правом углу экрана

Как только Вы откроете Word, на экране появится пустая белая рабочая область:

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

    Открываем документ Ворд, в правом нижнем углу находим ползунок регулирующий масштаб страницы

  2. Двигайте ползунок в зависимости от нужного вам масштаба и наслаждайтесь комфортной работой. Двигаем ползунок вправо или влево, что бы увеличить или уменьшить масштаб страницы документа

    Двигаем ползунок вправо или влево, что бы увеличить или уменьшить масштаб страницы документа

Второй способ. Во вкладке «Вид»

  1. Вверху рабочей области расположились вкладки «Файл», «Вставка», и так далее. Заметить их довольно просто. Последней, или одной из последних, будет вкладка «Вид». Переходим в нее. В меню открываем вкладку «Вид»

    В меню открываем вкладку «Вид»

  2. И находим кнопку «Масштаб». При нажатии на нее, появится окно, в котором можно задать нужный вам для нормальной работы масштаб. Нажимаем на иконку «Масштаб»

    Нажимаем на иконку «Масштаб»

    Для выбора масштаба щелкаем на нужный пункт или вводим произвольное значение в соответствующем поле

    Для выбора масштаба щелкаем на нужный пункт или вводим произвольное значение в соответствующем поле

Изменение масштаба экрана компьютера

Бывают случаи, когда не устраивает масштаб, не в конкретном браузере или программе, а в целом, во всем компьютере. Выход есть и из этой ситуации, вам будет нужно:

  1. Зайти в «Панель управления» через меню «Пуск». В меню «Пуск» открываем «Панель управления»

    В меню «Пуск» открываем «Панель управления»

  2. Выбрать там пункт «Экран» и перейти в него. В категории «Просмотр» выставляем «Крупные значки», находим и открываем раздел «Экран»

    В категории «Просмотр» выставляем «Крупные значки», находим и открываем раздел «Экран»

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

    Ставим галочку на подходящий масштаб, нажимаем «Применить»

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

Видео — Как увеличить/уменьшить масштаб страницы в Яндекс Браузере

Понравилась статья? Сохраните, чтобы не потерять!

pc-consultant.ru

Как уменьшить масштаб страницы | Подскажем

Пользователь не всегда себя чувствует комфортно, работая со стандартными установками и настройками браузера. Это может быть связано с используемым монитором, либо ещё с чем-нибудь.

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

Быстрая навигация по статье

MS Word

  • Если вы хотите уменьшить масштаб страницы в Word, то это делается зажатием клавиши Ctrl и прокруткой колёсика мыши (если оно есть).
  • Если у вас свежая версия Ворда, то справа внизу, будет бегунок (от минуса к плюсу) — двигая его (или нажимая в "минус"), можете уменьшить (или увеличить) страницу.
  • Если на вашей мышке нет колёсика, то можете попробовать использовать комбинацию клавиш "Ctrl + -" (Ctrl и клавиша минус, справа на клавиатуре).

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

FireFox и IE

Если вы используете браузер Mozilla Firefox или Internet Explorer, проделайте следующие действия:

  • Нажмите кнопку "Alt" на своей клавиатуре, вы увидите горизонтальное меню, выберите "Вид"
  • Затем нажмите по пункту "Масштаб".
  • Далее произведите нажатие по "Уменьшить Ctrl+-". Можно проделать это действие несколько раз, если необходимо.
  • Чтобы вернуть все в исходное состояние, вместо пункта "Уменьшить", нужно выбрать "Сбросить". Либо нажать сочетание клавиш Ctrl+0. А в Internet Explorer просто выбрать из предложенных вариантов пункт "100%".

Safari

Уменьшить масштаб страницы на Safari, можно выполнив следующие действия:

  • Найдите и нажмите значок с изображением страницы (он находится в правом верхнем углу программы).
  • Зайдите в меню под названием "Страница".
  • Выберите пункт "Изменить масштаб".
  • Уменьшить страницу можно клавишей "Ctrl -".
  • Если нужно вернуть страницу в исходное состояние, нажмите "Фактический размер".

Opera

Пользователям браузера Opera необходимо проделать следующее:

  • Зайдите в меню "Инструменты".
  • Выберите пункт "Настройки" и далее "Общие настройки".
  • Найдите вкладку "Веб-страницы", здесь вы сможете выбрать необходимый масштаб страницы в процентах.
  • Обратите внимание на пункт "Подогнать по ширине". Если вы установите здесь флажок, браузер будет отображать страницы таким образом, чтобы они уместились во всю ширину.

Google Chrome

Для того, чтобы уменьшить масштаб страницы в Google Chrome, необходимо:

  • Нажмите на значок, находящийся в правом верхнем углу программы.
  • В появившемся меню мы увидим пункт "Масштаб". Кнопку со знаком минус уменьшит страницу. Нажмите на нее.
  • Если нужно вернуть страницу в исходное состояние, добейтесь, чтобы масштаб страницы составлял 100%.
  • Также здесь же можно найти пункт "Во весь экран", изображенный в виде интуитивно понятного значка.

Эти способы работают абсолютно для всех сайтов. Настроив браузер должным образом, вы сможете комфортно работать, а производительность труда — повысится.

Поделитесь этой статьёй с друзьями в соц. сетях:

podskajem.com

Как уменьшить размер сайта - PCNEWS.RU

uploadalk5e1gqgy.jpg

Основные виды алгоритмов сжатия данных и как они работают

Дата публикации: 03.04.2017  print.gif

Размер передаваемых данных является основным фактором, влияющим на «тяжесть» сайта, на его время загрузки. Все меры, обеспечивающее меньший объем передаваемых данных при сохранении объема информации или качества сайта, являются наиболее приоритетными при ускорении сайта. А методики, которые могут позволить такие меры применять, ценятся на вес золота. Сегодня мы разберемся, зачем нужно сжатие (или архивирование) данных на сайтах и как его правильно настроить.

На текущий момент существует большое количество алгоритмов сжатия (архивирования) данных, которые можно разделить на три основные группы:

Необходим сайт, мобильное приложение, услуги по SEO или контекстной рекламе? Тендерная площадка WORKSPACE поможет выбрать оптимального исполнителя. База проекта насчитывает более 10 500 агентств. Сервис работает БЕСПЛАТНО как для заказчиков, так и для исполнителей.

1

Поточные алгоритмы

К этой группе относятся алгоритмы семейств RLE (run-length encoding), LZ* и др.

При кодировании данных используется не информация о частотах символов в сообщении, а информация о последовательностях, встречавшихся ранее. Так работает, например, gzip (LZ77), bzip и compress.

2

Алгоритмы статистического (энтропийного) сжатия

Эта группа алгоритмов сжимает информацию, используя частоты, с которыми различные символы встречаются в сообщении.

К алгоритмам этой группы относятся алгоритмы арифметического и префиксного кодирования (с использованием деревьев Шеннона-Фанно, Хаффмана, секущих).

Алгоритм сжатия данных brotli использует, в том числе, кодирование Хаффмана совместно с LZ-алгоритмами.

3

Разностные алгоритмы

В отдельную группу можно выделить алгоритмы преобразования информации (включая использование словарей). Алгоритмы этой группы часто не производят непосредственного сжатия информации, но их применение значительно упрощает дальнейшее сжатие с использованием поточных и энтропийных алгоритмов. Алгоритм SDCH (VCDIFF) использует именно словари и разностное кодирование информации.

Поточные алгоритмы

Кодирование длин серий (RLE — Run-Length Encoding) — это один из самых простых и распространённых алгоритмов сжатия данных. В этом алгоритме последовательность повторяющихся символов заменяется символом и количеством его повторов.

Например, строку «ААААА», требующую для хранения 5 байт (при условии, что на хранение одного символа отводится байт), можно заменить на »5А», состоящую из двух байт.

Очевидно, что этот алгоритм тем эффективнее, чем длиннее серия повторов и чем больше таких повторов в исходном (кодируемом) тексте.

Основным недостатком этого алгоритма является его крайне низкая эффективность на последовательностях неповторяющихся символов.

Например, если рассмотреть последовательность «АБАБАБ» (6 байт), то после применения алгоритма RLE она превратится в »1А1Б1А1Б1А1Б» (12 байт). Для решения проблемы неповторяющихся символов существуют различные методы.

Алгоритмы LZ (название происходит от авторов Абрахама Лемпэла (Abraham Lempel) и Якоба Зива (Jacob Ziv)), в отличие от алгоритмов RLE, кодирует не количество повторов символов, а встречавшиеся ранее последовательности символов.

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

К плюсам этой группы относится их большая, по сравнению, с RLE эффективность сжатия.

Наиболее известной реализацией этих алгоритмов является gzip-сжатие данных. Ранее различали два варианта использования в Сети: gzip и deflate. Единственное отличие между ними заключается в отправке (gzip) или не отправке (deflate) начала потока данных (файла), в котором описано, что это gzip-сжатые данные.

Для упрощения работы gzip-сжатия (включая использование статического сжатия) от поддержки deflate сейчас почти везде отказались.

Как настроить gzip на сайте

При настройке gzip для сжатия страниц сайта необходимо иметь в виду оптимальную степень сжатия, после которой дальнейшее расходование ресурсов процессора становится неэффективным.

При росте степени сжатия, как видно из графика ниже, процессорные издержки растут линейно (чем больше степень, тем кратно больше времени нужно на сжатие).

Но с ростом процессорных издержек фактическая эффективность gzip-сжатия растет по-другому. Ниже на графике хорошо видно, что только до 5 степени сжатия эффективность растет линейно (пропорционально), а после это существенно замедляет свой рост.

Если процессорные ресурсы у вас в избытке, то можно выставить и 7, и 9 степень сжатия, но изменений между 7 и 9 степенью почти нет (это доли процента).

Для nginx gzip-сжатие включается простыми директивами:

gzip on; gzip_comp_level 7; gzip_vary on; gzip_types text/css text/javascript application/javascript;

Директива gzip_vary позволит передать соответствующий заголовок для кэширующих прокси с указанием особенностей кэширования сжатых ресурсов.

А gzip_types укажет, для каких типов файлов необходимо применять сжатие на сервере.

Статическое сжатие nginx

Для экономии ресурсов процессора вы можете использовать заранее сжатые файлы в формате gzip, имеющие дополнительное расширение .gz (например: main.css.gz будет архивом файла main.css).

При сжатии таких файлов можно использовать максимальную степень сжатия: они будут сжиматься только 1 раз, в дальнейшем веб-сервер будет использовать уже сжатую версию вместо обычной для тех пользователей, которые поддерживают сжатие.

Для подключения статического сжатия в nginx нужна поддержка модуля gzip_static, соответствующая директива в конфигурации выглядят так:

gzip_static on;

Сжатие в Apache

Apache использует модуль mod_deflate для отгрузки сжатых версий файлов. Его можно включить следующим образом (если он присутствует на сервере):

AddOutputFilterByType DEFLATE text/html text/css text/javascript AddOutputFilterByType DEFLATE application/javascript DeflateCompressionLevel 7

Сжатие в IIS

Для включения сжатия в веб-сервере IIS необходимо в диспетчере служб IIS зайти в свойства элемента «Веб узлы» и перейти на вкладку «Службы». Также сжатие можно включить через web.config при помощи следующей конфигурации:

Проверка сжатия

Сжатие данных на сайте можно проверить большим количеством способов. Первый из них — простой тест на gzip.

Второй — более общая проверка сайта на показатели скорости при помощи Google PageSpeed Insights. При отсутствия сжатия на сайте вы получите соответствующее уведомление (или список файлов, для которых сжатие не включено).

Zopfli

Zopfli является инициативой инженеров Google по созданию более эффективного алгоритма LZ-сжатия, который бы работал лучше существующих аналогов и был обратно совместим с gzip-распаковкой.

Для этого в дополнение к потоковым методам сжатия (с максимально допустимым окном кодирования) используются энтропийные методы (кодирование Хаффмана и поиск минимального представления), что в совокупности дает выигрыш в размере 5–7% на реальных данных.

Это можно проиллюстрировать на следующем примере. Если у нас есть строка «CCCCDDDABABABCCCCABABAB», то ее LZ-представление будет выглядеть примерно следующим образом: C{4,1}D{3,4}AB{4,7}C{4,11}AB{4,15}.

Где в скобках указаны пары длина-начало кодируемого сегмента. При этом стандартный gzip создаст словарь по мере нахождения совпадающих подстрок: в словаре C будет обозначено в битах 1, D — 01, AB — 001.

Алгоритм zopfli пересортирует словарь по частоте вхождения подстрок, и обозначит в битах C — 1, AB — 01, D — 001.

Таким образом, на все указанное выше представление строки удастся сэкономить 1 бит при использовании zopfli (те самые 5–7% от «стандартного» размера).

Платой за более высокую степень сжатия (чем gzip-9) является крайне медленная работа алгоритма (приходится строить полное частотное дерево сжимаемой информации, что является трудоемкой процедурой).

Zopfli работает (в зависимости от настроек) в 30–100 раз медленнее gzip. Это ограничивает область его применения только статическим сжатием.

Как применить zopfli

Поскольку сжатые zopfli файлы можно распаковать как обычные gzip-архивы (ведь они таковыми и являются — наиболее оптимальным представлением gzip-архива для заданного файла), то его можно использовать для создания готовых gz-файлов (сжатых версий) CSS и JavaScript (а случае полностью статического сайта — и HTML) ресурсов.

Zopfli уже интегрирован в большинство пакетов, для сборки его на вашем сервере достаточно выполнить следующие команды:

git clone https://code.google.com/p/zopfli/ cd zopfli make chmod +x zopfli ./zopfli -c >

Для применения статического сжатия нужно не забыть его включить в вашем веб-сервере. Для nginx это одна директива (при наличии модуля gzip_static):

gzip_static on;

Brotli

После разработки более эффективной версии gzip инженеры из Google не остановились. Следующим шагом была создание отдельного алгоритма сжатия данных, который сжимал данные лучше, но не сильно проигрывал в скорости gzip.

Таким алгоритмом стал brotli. В нем сложились все три блока методов сжатия: поточное, энтропийное и словарное.

Brotli использует собственный словарь (составляющий 2/3 от спецификации алгоритма) из почти 100 тысяч различных фраз и кусочков слов, наиболее часто встречающихся в Сети.

Этот словарь применяется как основа для поточного сжатия данных (как в LZ-кодировании), но не исключает добавление новых строк, найденных в сжимаемом тексте. И, конечно, brotli использует энтропийное сжатие для наименьшего представления полученного архива.

Фактически, в браузеры, поддерживающие brotli, уже встроен почти весь словарь, используемый при сжатии данных, и он в архиве не передается. За счет этого и достигается значительный выигрыш в размере архивов.

Максимальная степень сжатия — 11 — позволяет добиться на 25% меньшего размера файла по сравнению с gzip-9, и на 20% — по сравнению с zopfli.

По времени сжатия brotli примерно сравним с zopfli, но с большим отличием: малая степень сжатия по скорости чуть-чуть уступает gzip, а степень сжатия при равной скорости существенно больше. Максимальная степень сжатия медленнее gzip-9 примерно в 80–100 раз.

Все браузеры на основе Chrome, Firefox и Edge 15 уже поддерживают brotli (но делают это только для SSL-соединений), на уровне HTTP-заголовков это выглядит так:

Accept-Encoding: br

Как использовать brotli

Для включения в nginx поддержки brotli необходимо собрать, как минимум, модуль brotli_static и включить его в конфигурации:

brotli_static on;

В таком режиме nginx будет при получении от браузера соответствующего заголовка (что brotli поддерживается) проверять, есть ли файл с расширением .br рядом с запрашиваемым — и отдавать его как сжатый brotli-архив.

Для создания самих brotli-архивов нужно будет либо установить из репозитория, либо отдельно собрать утилиты bro:

git clone https://github.com/badger/libbrotli cd libbrotli autoreconf -i make install git clone https://github.com/google/brotli cd brotli ./configure make chmod +x bro ./bro —quality 11 —input —output

Можно дополнительно включить brotli-сжатие «на лету», установив модуль nginx brotli, но это может привести к дополнительным издержкам CPU при отгрузке страниц пользователям и ботам.

Для подключения brotli для IIS необходимо установить отдельный модуль: IIS Brotli, а для Apache есть mod_brotli, который настраивается аналогичным образом:

LoadModule brotli_module modules/mod_brotli.so AddOutputFilterByType BROTLI text/html text/plain text/css text/xml BrotliCompressionLevel 10 BrotliWindowSize 22

SDCH

От «швейцарского ножа» сжатия в Сети (brotli) переходим к более узкому инструменту — VCDIFF, или более известному как SDCH-сжатие.

VCDIFF предполагает использование заранее определенного словаря (который должен быть передан пользователю) и реализуется в браузерах через протокол SDCH (который является просто «оберткой» поверх VCDIFF контейнеров с данными).

Плюсом SDCH является то, что это альтернативный вариант сжатия, который можно использовать в дополнение к gzip или brotli: запаковать страницу при помощи SDCH-словаря, а запакованную версию дополнительно сжать «на лету», браузеры так понимают.

Минусом является достаточно сложный подготовительный процесс: необходимо создать словарь на основе нескольких страниц сайта, который будет содержать наиболее часто используемые блоки (чтобы передать их один раз) и не будет слишком большим (иначе будет «дешевле» передать сами страницы без SDCH-сжатия). Ниже показан примерный выигрыш в размере при использовании SDCH.

Очевидно, что если пользователь просматривает более 3 страниц на сайте — то выигрыш от использования этого алгоритма будет. Если меньше — то можно ограничиться стандартными механизмами сжатия.

Детально механизм подключения описан в блоге Айри, кратко алгоритм выглядит следующим образом:

  1. Нужно установить пакет femtozip для сборки словаря из наиболее характерных страниц сайта.

  2. Нужно установить VCDIFF библиотеки на сервер для использования словаря при кодировании «на лету».

  3. Нужно установить модуль nginx sdch для кодирования «на лету».

  4. Нужно собрать словарь при помощи femtozip и дополнительно сжать его zopfli или brotli.

  5. Нужно включить sdch-сжатие «на лету» для сайта в конфигурации nginx на базе собранного словаря.

В качестве заключения

Gzip-сжатие является самым распространенным способом сократить размер передаваемой в Сети информации и поддерживается почти всеми серверами и браузерами.

Включить сжатие на сайте очень просто: достаточно добавить в конфигурацию сайта несколько инструкций в зависимости от вашего веб-сервера.

Оптимальной степенью сжатия будет 5 или 7 (в зависимости от ваших процессорных ресурсов).

Проверить, использует ли ваш сайт сжатие, можно в течение минуты любым из указанных выше инструментов.

Все рассмотренные «продвинутые» механизмы сжатия данных в Сети являются проверенными временем практиками (реализованными в соответствующих модулях и библиотеках) и могут быть использованы в рабочем веб-окружении прямо сегодня.

При дополнительной настройке веб-сервера возможно сокращение размера передаваемых текстовых данных еще на 25–70% (brotli / scdh), что может быть серьезным преимуществом для новостных порталов и высоконагруженных проектов, где на счету каждые 100 мс времени загрузки сайта. Даже обычное использование zopfli для сжатия статических файлов уже даст выигрыш в 5–7%, которые могут помочь вам сделать сайт быстрее.

По материалам Searchengines.ru

Полный текст статьи читайте на CMS Magazine

pcnews.ru

5 способов уменьшить размер страницы

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

 1. Gzip

gzip – друг ваш. С его помощью можно сжать всю текстовую составляющую еще на сервере, до отправки в браузер. Тем самым гораздо уменьшив оббьем информации передаваемой через интернет. Браузер, с той же легкостью, распакует и отобразит на экране пользователя. Например, в случаи с Apache делается это достаточно просто, нужно лишь добавить строки в .htaccess:

AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/javascript

 2.  Визуальная составляющая

Спрайты: один файл картинки – 10 элементов дизайна. Тем самым сократите количество загружаемых файлов (Мы ведь помним, что браузер не может загружать бесконечное количество файлов одновременно). Оставляйте минимум места между элементами в картинке и удаляйте все ненужные метаданные из файлов картинок, которые не как не используются браузером, но влияют на скорость загрузки. Использовать спрайты достаточно легко

.sprite {width: 10px; height: 10px; background: url("style.png") 0 0 no-repeat;}.sprite.home {background-position: 0 -10px; }

Также используете масштабирование картинок рационально. Если на сайте используется картинка размером 100х100px не нужно подгружать её размером 1900х1200px и масштабировать её в коде <img src="logo.jpg" >- так только тратится время на загрузку картинки.и сжимайте их до беспредела, например, с помощью ImageOptim, OptiPNG, PNGOUTи т.п. или заменяйте изображения на CSS3 эффекты, в некоторых случаях они могут полноценно заменить анимированные изображения, javaанимации или просто картинки. В этот же пункт хочется отметить про удаление лишних шрифтов, не стоит использовать больше 2х шрифтов на одном сайте, они занимают немало места, поэтому не злоупотребляйте этим, также есть утилиты, которые могут обрезать файл шрифта, оставив только те знаки, которые вам необходимы.

3. Оптимизируйте работу с jQuery

  • Во-первых, используйте последнюю версию, ведь разработчики трудятся над улучшение кода, а следовательно делают его быстрее и, возможно, легче. 
  • Во-вторых, не используйте jQuery на простых задачах, даже если функционал, для её выполнения есть в библиотеке, вполне возможно, что простой JavaScript затратит меньше ресурсов и сделает, всё тоже самое быстрее. 
  • Да и сам JavaScript в добавок сжимайте, например, с помощью The JavaScript CompressorRater или YUI Compressor, только будьте внимательны, если у вас плохой код компрессоры могут выдать непредсказуемый результат.
  • Объединяйте все JS в один файл, это улучшит скорость загрузки и уменьшит оббьем данных.

4. Чистите Код

Избавьтесь от всего лишнего в коде. Любые комментарии кода – это хорошо, для вас. Но, по факту: вы нагружаете css, html, JavaScript-файлы лишним объёмом данных, удалите все комментарии, пробелы, отступы и т.п. Браузер и без всего этого отлично читает и обрабатывает код. Также удалите все не используемые компоненты, если пользователь не использует их, то и не нужно их подгружать в css, JavaScript и т.д. Так же можно почистить код с помощью специальных утилит, например для CSS это можно сделать с помощью программы "Prepros". Не забывайте что каждый, уделенный символ это -8бит для вашего сайта. Так бит за битом вы сделайте ваш сайт очень легким и быстрым.

5. Используйте кэширование в браузере

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

Надеемся, что наша статья помогла вам снизить размер страниц. И сэкономить гигабайты трафика. Оставляйте свои вопросы и пожелания в комментариях под статьей. devicehit.ru

devicehit.ru