ГлавнаяОптимизацияОптимизация скриптов сайта

Оптимизация загрузки CSS и JavaScript на странице. Оптимизация скриптов сайта


Скрипты для оптимизации сайтов, скрипт отфильтрует

SEO оптимизация, это одна из самых важных тем, которая привлекает массу внимания веб мастеров и оптимизаторов.

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

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

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

Скрипты для оптимизации

 Скрипты для оптимизации распространяются в свободном доступе, и найти их можно на множестве ресурсов в сети.

В данном материале мы представим вам наиболее интересные скрипты:

Скрипт сбора keywirds – один из самых популярных скриптов, который обеспечивает сбор оптимальных ключевых слов для meta тегов.

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

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

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

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

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

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

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

Скрипты, которые распространяются в свободном доступе, постоянно теряют актуальность, т.к. работа поисковых систем и некоторых движков изменяется. Именно поэтому есть смысл следить за обновлениями и совершенствовать код скрипта.

Советую посетить следующие страницы:— Раскрутка сайта на начальном этапе— Что хотят посетители видеть на сайте— Бизнес идея для дикторов фрилансеров

webtrafff.ru

Подборка скриптов для SEO оптимизации. Allware.info

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

Целью данной статьи является проведение небольшого сравнительного анализа данных скриптов. При сравнение мы стремились найти ответы на следующие вопросы:

Добавление сайта в поисковую систему

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

Табл.1 – Добавление сайта в поисковики

Адрес Поисковик

http://webmaster.yandex.ru/

добавления сайта в Яндекс

http://www.rambler.ru/doc/add_site_form.shtml?

добавления сайта в Рамблер

http://www.google.com/addurl/?continue=/addurl

добавление сайта в Google

http://catalog.aport.ru/rus/add/AddUrl.aspx

добавление сайта в Апорт

http://beta.search.msn.com/docs/submit.aspx

добавление сайта в MSN

http://search.yahoo.com/info/submit.html

добавление сайта в Yahoo!

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

Определение частоты запрашиваемых ключевых слов

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

Табл.2 – Анализ частоты запроса в поисковике

Адрес Описание Комментарии
http://wordstat.yandex.ru определение частотызапросов в Яндексе - нет возможности просматривать статистику сразу по нескольким запросам;- есть возможность оценки популярности запроса по различным регионам;- собирается статистика по смежным запросам.
https://ad.rambler.ru/swrds/wrds.pl определение частотызапросов в Рамблере - есть возможность просматривать статистику сразу по нескольким запросам;- есть возможность оценки популярности запроса по различным регионам;- собирается статистика по смежным запросам.
http://inventory.overture.com/d/searchinventory/suggestion/ определение частотызапросов в Овертюре (Google) - нет возможности просматривать статистику сразу по нескольким запросам;- собирается статистика по смежным запросам.
http://stat.go.mail.ru определение частоты запросов в Mail.Ru. - есть возможность просматривать статистику сразу по нескольким запросам;- самый главный недостаток - все введенные запросы располагаются по их популярности - происходит перемешивание всех запросов.

Статистику по запросу за месяц можно посмотреть, но, как видно из таблицы, наиболее организованным и удобным в использовании является сервис поисковой системы Рамблер.

Определение позиций сайта

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

Табл.3 – Определение позиции запроса в поисковой системе

Адрес Описание Поисковые системы
http://www.mediaplaner.ru Позволяет проверить позиции сайтасразу по нескольким запросам, нет возможности просмотреть историю позиций. Яндекс, Рамблер, Webalata, Апорт,Google, Mail, MSN, Altavista, Yahoo.
ttp://www.siteposition.ru Для работы с сервисом для началанужно в нем зарегистрироваться.Сервис с заданной периодичностьюпредоставляет информацию о позициях сайта, позволяет отслеживать динамику позиций заопределенный период. Яндекс,Рамблер, Google, Altavista.
http://sitecreator.ru/siteposition/siteposition.php Поиск осуществляется по одному запросу - проверить статистику сразу по нескольким запросам нельзя. Яндекс,Рамблер, Google, Mail.
http://seo-monitor.ru Система разделена на 2 независимых сервиса:on-line сканер (предназначен для моментального определения позиции вашего сайта в поисковых системах ) и off-line сканер (предназначен для мониторингаположения вашего сайта в поисковых системах). Яндекс, Рамблер, Google, Апорт.
http://netpromotion.ru/POSITIONS/index.exe Осуществляется поиск сайта по одному запросу, проверитьстатистикусразу по нескольким запросам нельзя Яндекс, Рамблер, Апорт,Google, MSN, Yahoo.

Как видно, существенное отличие наблюдается лишь в том, с каким количеством поисковиков работает сервис, и сохраняет ли он информацию для того, чтобы в будущем можно было отследить динамику позиций сайта. Из представленных сервисов наиболее удобным для работы является http://www.siteposition.ru: после регистрации к Вам будет приходить информация о позициях сайта по выбранным запросам.

Анализ сайта

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

Табл.4 – Анализ сайта

Адрес Описание скрипта Поисковые системы
Анализ обратных ссылок
http://www.yandextools.ru Позволяет выявить всех ссылающихся на сайт, указывает, какого вида ссылка (сквозная, с главной), количество ссылок,даются характеристики популярности сайта (PR, тИЦ ). Яндекс
http://www.dinews.ru/seo/ Вытягивает всю информацию о ссылающихся на сайт, путемпредоставления информации, выдаваемой поисковыми системами. Яндекс, Рамблер, Апорт,Google, MSN, Yahoo.
http://www.promoting.ru Вытягивает всю информацию о ссылающихся на сайт, путемпредоставления информации, выдаваемой поисковыми системами. Яндекс,Рамблер, Апорт,Google.
http://miralab.ru/tools/blcheck/ Проверяет индексацию обратных ссылок на сайт. Яндекс
http://www.backlinks.ru Проверяет индексацию обратных ссылок на сайт. Яндекс.
http://linkclub.ru/obratnaja_ssilka.php Проверяет индексацию обратных ссылок на сайт. Яндекс, Google,Rambler
Анализ текстового наполнения сайта
http://vface.controlstyle.ru/ns.php Позволяет провести анализ плотности слов.  
http://www.prosait.com/promotion/analysis.php Позволяет провести анализ плотности слов,показывает все слова в title, keywords, тегах <b>, <strong>, в заголовках <h2>.  
http://www.seotxt.com/ Сервис включает в себя целую группу скриптов от скриптов, рассчитывающих плотность слов, до скриптов, генерирующих фразы, состоящих из ключевых слов (полезно для составления якорного текста для ссылок)  
http://tools.hod.ru/ Сервис не очень удобен в использовании, поскольку ищет плотность по одному ключевому слову, текст нужна загружать в скрипт, анализ текста on-line не происходит.  
Анализ http заголовков, тИЦ, PR, количество проиндексированных страниц сайта, присутствие в каталогах...
http://www.be1.ru/ Собирает всю информацию о странице от PR и тИЦ до http заголовков.  
http://linum.mohito.ru/ Сервис выдает такие индексы популярности, как PR и тИЦ.  
http://wtools.biz/ С помощью сервиса на сайт можно встроить кнопочку, показывающю PR и тИЦ.  
http://www.golubeff.ru/seo/pr.prediction.html Интересныйсервис, позволяющий предсказать PR в будущем  

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

Регистрация в каталогах и обмен ссылками

Табл.5 – Регистрация в каталогах, обмен ссылками

Платная регистрация в каталогах Обмен ссылками
http://registratura.info/ http://links.vipkat.ru/
http://1ps.ru/ http://www.enterlink.ru/
http://uhuhu.ru/ http://almost.ru/

Объяснять зачем нужны данные сервисы не нужно. Следует отметить, что все они платные.

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

Другие полезные скрипты

http://www.copyscape.com/ - сервис позволяет находить идентичный текст на страницах. Очень полезный сервис в плане не допущения склеек и соблюдения авторских прав владельца статьи.

http://www.rus-shopping.com – веселенький скрипт, позволяющий определить стоимость доменного имени.

http://www.nic.ru – сервис, осуществляющий подборку свободных доменных имен.

http://add.7do.ru/ - сервис, осуществляющий подачу объявлений на популярные доски объявлений.

Заключение

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

Многие из них просто не имеет смысла сравнивать, поскольку они выполняют принципиально разные задачи.Если многие из этих скриптов объединить в одну полноценную программу, то получится качественный программный продукт со множеством функций. Сергей Стружков, www.seonews.ru

Рекомендовать статью:  

www.allware.info

Увеличиваем скорость работы сайта при помощи оптимизации JavaScript — «Веб Креатор»

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

Если без каких-то скрип­тов сайт функционален, то загрузку этих JS-скрип­тов осуществлять после отри­совки стра­ницы (для этого надо поме­стить код в конец сек­ции body). Некото­рые скрипты нужны для созда­ния эффек­тов, кото­рые ини­ци­и­ру­ются не сразу после загрузки стра­ницы или их отло­жен­ная загрузка не вли­яет на пер­вое впе­чат­ле­ние от сай­та. Авто­ма­ти­че­ское про­ли­сты­ва­ние слай­дера или скрипт для сбора ста­ти­стики посе­ще­ний, напри­мер, легко могут быть ини­ци­и­ро­ваны уже после отри­совки стра­ницы в бра­у­зе­ре. Пусть лучше поль­зо­ва­тель побыст­рее уви­дит стра­ни­цу, а не ждёт тра­тит при загрузке лиш­нее время ради того, чтобы через 5 секунд кра­сиво пере­лист­нулся реклам­ный бан­нер или чтобы его посчи­та­ли.

Загру­жайте скрипты с под­до­ме­нов, с дру­гих доме­нов или исполь­зуйте CDN — даже у самых про­дви­ну­тых браузеров файлы с одного домена загру­жа­ются в огра­ни­чен­ное число пото­ков. Если изоб­ра­же­ний, сти­лей и скрип­тов на стра­нице доста­точно мно­го, то обра­зу­ется оче­редь на загрузку дан­ных. Коли­че­ство исполь­зу­е­мых пото­ков лими­ти­ру­ется только для доме­на, поэтому если JS-файлы будут загру­жаться с дру­гого домена (или под­до­мена), то их загрузка про­изой­дёт быст­рее за счёт парал­лель­но­сти.

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

JS надо сжать, мини­ми­зи­ро­вать и опти­ми­зи­ро­вать. Уда­ле­ние про­бе­лов, пере­но­сов строк, сокра­ще­ние назва­ний пере­мен­ных и дру­гие опти­ми­за­ции зна­чи­тельно умень­шают раз­мер фай­лов скрип­тов и уско­ряют загрузку. При исполь­зо­ва­нии сто­рон­них биб­лио­тек — под­клю­чайте мини­ми­зи­ро­ван­ную вер­сию в production-окру­же­нии. Для соб­ствен­ных скрип­тов исполь­зуйте спе­ци­аль­ные биб­лио­теки, сжи­ма­ю­щие и опти­ми­зи­ру­ю­щие JavaScript, — UglifierJS, JSMin, Closure Compiler, YUI Compressor. При исполь­зо­ва­нии агрес­сив­ных опти­ми­за­ций обя­за­тельно про­чтите реко­мен­да­ции для исполь­зу­е­мого ком­прес­сора и про­те­сти­руйте рабо­то­спо­соб­ность полу­чен­ных фай­лов.

Сов­местно исполь­зу­е­мые скрипты должны быть объ­еди­нены в один файл. Загрузка одного файла в 50 Kb осу­ществ­ля­ется быст­рее загрузки 10 фай­лов по 5 Kb, отдача таких фай­лов меньше гру­зит сер­вер, да и сжа­тие эффек­тив­нее рабо­тает на боль­ших фай­лах.

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

Кэши­руйте скрипты на сто­роне кли­ента — не застав­ляйте поль­зо­ва­те­лей мно­го­кратно ска­чи­вать один и тот же скрипт: исполь­зуйте соот­вет­ству­ю­щие заго­ловки в ответе веб-сер­вера (Expires или Cache-Control max-age, Last-Modified или ETag).

Не исполь­зуйте боль­шие биб­лио­теки без надоб­но­сти — напри­мер, ради какого-то эле­мен­тар­ного эффекта на глав­ной стра­нице сайта не стоит на всех стра­ни­цах под­клю­чать jQuery. Если для реа­ли­за­ции всей интер­ак­тив­но­сти сайта может хва­тить 30 стро­чек про­стого js-кода, то исполь­зо­ва­ние объ­ём­ной биб­лио­теки про­сто нерационально.

web-creator.ru

Способы оптимизации сайта – 7 простых решений

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

1 Оптимизация изображений

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

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

Оптимизация не только уменьшит размер изображения, но и удалит посторонние мета-теги, такие, как время создания, камера, ГЕО метки и так далее.

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

2 Активировать GZIP сжатие

Простая активация GZIP сжатия может сэкономить до 50% от времени загрузки страницы. Мы все знаем, что при сжатии файлы становятся меньше. Это именно то, что делает GZIP, сжимает файлы перед отправкой их в браузер. Это означает, что браузеру необходимо меньше загружать и страница откроется намного быстрее, нежели без сжатия.

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

Прежде всего, необходимо найти файл .htaccess в корне вашего сайта. Если ваш сервер работает на Apache, просто добавить в него эти строки:

# compress text, html, javascript, css, xml:AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/xhtml+xmlAddOutputFilterByType DEFLATE application/rss+xmlAddOutputFilterByType DEFLATE application/javascriptAddOutputFilterByType DEFLATE application/x-javascript

Этот небольшой кусок кода позволит значительно улучшить производительность вашего сайта.

3 Минимизировать размер файлов

Благодаря таким инструментам, как Codekit, Prepos и CLI инструментам, как Grunt, этот способ оптимизации становится более распространенным. Но все-таки вы должны помнить, что должны воспользоваться им, когда закончите работу над проектом.

4 Объединить все CSS и JavaScript

Если вы используете плагины, фреймворк для создания сайта или какие-либо другие дополнения, то с большой вероятностью в коде прописаны более, чем один или два JavaScript и CSS файла. Это означает то, что браузер сделает не один запрос на чтение каждого из этих файлов, расточительно тратя время. Вы можете объединить все CSS файлы в один файл и все JS файлы в другой, уменьшив таким образом количество запросов на сервер.

Этот процесс можно сделать очень быстро с помощью инструментов Gulp или Grunt.

5 Спрайты

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

Есть такие инструменты, которые помогут вам создать эти спрайты, как CSS Sprite Generator и Stitches.

6 Использовать CDN

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

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

Например, если вы используете Bootstrap или JQuery, вы можете получить оба этих файла из CDN вместо своего хостинга.

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

Если файл уже был загружен, зачем его грузить снова?

Настройка кэширования несколько аналогична настройке GZIP сжатия, она так же происходит в файле .htaccess. Этот код, все, что вам нужно:

<ifModule mod_headers.c>ExpiresActive On

# Expires after 2 Weeks<filesMatch «.(gif|png|jpg|jpeg|txt)$»>Header set Cache-Control «max-age=1209600»</filesMatch>

# Expires after 1 day<filesMatch «.(css|js)$»>Header set Cache-Control «max-age=86400»</filesMatch>

</ifModule>

Используя mod_header, вы можете установить тип файлов и время их использования в секундах.

Итог

Оптимизация сайта очень важна и представленные способы будут гарантировать, что ваш сайт загружается как можно быстрее, будь то через Wi-Fi или 3G.

comments powered by HyperComments

homework-cool.ru

Оптимизация загрузки CSS и JavaScript на странице

Сегодня речь пойдет о небольшой оптимизации загрузки файлов стилей и скриптов на странице веб-сайта. Пожалуй любой сайт включает в себя несколько файлов стилей и несколько файлов JS скриптов, на загрузку которых уходит как драгоценное время, так и ресурсы сервера отдающего статику. А что делать если файлов стилей и скриптов несколько десятков? (на моей памяти их бывало с пол сотни). Предлагаю рассмотреть мой вариант оптимизирования (мой не в смысле — мой мегауникальный, а в смысле тот, которым пользуюсь я, придумал и написал сам, но и без меня выдумщиков хватает).

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

Пример подключения стилей и JS:

<script src="js/.alljs.php" type="text/javascript"></script> <link href="css/.allcss.php" rel="stylesheet" type="text/css" />

Листинг скрипта .allcss.php собирающего стили воедино

// посылаем заголовок браузеру, сообщая что это text/css header("Content-type: text/css; charset: UTF-8");   $url='css'; $crc=md5($url); //название файла кеша $modif=time()-@filemtime("cache/$crc"); //узнаем время кеша   if($modif<60000) { //ести кеш не устарел include ("cache/$crc"); //подгружаемся из кеша } else { ob_start (); //иначе, собираем новый файл стилей из кучи отдельных файлов лежащих в папке со скриптом $files1 = scandir('./'); //содержимое папки foreach($files1 as $file) { //перебор всех файлов стилей if($file=='.'||$file=='..'||strpos($file, '.php')||!strpos($file, '.css')) continue; echo file_get_contents($file); //вывод в буфер } $cache = ob_get_contents(); ob_end_clean (); //очистка буфера echo $cache; // вывод в файл(браузер)   $fp = @fopen ("cache/$crc", "w"); //сохраняем кеш @fwrite ($fp, $cache); @fclose ($fp); }

Аналогичным методом организуем работу по сборке JavaScript в единый файл. Добавляем ко всему вышеописанному кеширование браузером, что еще придаст пару ms скорости. К скрипты на PHP можно добавить еще оптимизацию в виде вырезания лишних пробелов, комментариев и табуляции из файлов стилей и JS, уменьшив тем самым их вес и при этом сохранив читаемость для самого разработчика. Для гурманов — можно обфусцировать содержимое файлов до запредельной не узнаваемости, защитив их таким образом от плагиата и сторонних глаз.

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

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

СЕО. По мимо скорости, такой метод полезен для СЕО, т.к. чем меньше на странице всевозможных вызовов JS скриптов, самих скриптов и CSS тем лучше.

Похожие записи

rche.ru

Сombine.php — скрипт для оптимизации загрузки сайта

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

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

Однако решение по оптимизации в таких случаях все же существует.

Суть его такова: СSS-файлы и файлы со скриптами javascript объединяются в один большой файл, затем архивируются средствами gzip. Однако вручную делать это неудобно, т.к. чтобы отредактировать какой-либо файл, Вам придется сначала разархивировать архив, а затем снова заархивировать.

Для автоматизации этого процесса существует небольшой php скрипт Сombine.php.

Все, что Вам нужно — это скопировать этот скрипт в корень Вашего сайта, предварительно отредактировав в нем следующие строки: 

$cachedir = dirname(__FILE__) . '/cache';   $cssdir = dirname(__FILE__) . '/css';   $jsdir = dirname(__FILE__) . '/javascript';

$cachedir = dirname(__FILE__) . '/cache'; $cssdir = dirname(__FILE__) . '/css'; $jsdir = dirname(__FILE__) . '/javascript';

 Первая строка — это указание адреса папки с кэшем (Вам нужно создать такую папку и дать ей права на запись 777), а вторая и третья строка — это адреса папок с CSS-файлами и с файлами скриптов.

Далее в файл .htaccess в корне сайта (если такого файла нет, то его следует создать) вписать следующий код: 

RewriteEngine OnRewriteBase /   RewriteRule ^css/(.*\.css) /combine.php?type=css&amp;files=$1   RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&amp;files=$1

RewriteEngine OnRewriteBase / RewriteRule ^css/(.*\.css) /combine.php?type=css&amp;files=$1 RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&amp;files=$1

 Если же Ваш файл .htaccess уже использует rewrite, то вписать в него нужно лишь последние две строки.Всё!

Скачать Архив

Данный урок подготовлен для Вас командой сайта http://ruseller.com

Источник урока:  www.rakaz.nl

С Уважением, Андрей .

Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:

dbmast.ru

Как оптимизировать скрипты сайта - Мир компьютерных инноваций

SEO оптимизация, это одна из самых важных тем, которая привлекает массу внимания веб мастеров и оптимизаторов.

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

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

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

Скрипты для оптимизации

Скрипты для оптимизации распространяются в свободном доступе, и найти их можно на множестве ресурсов в сети.

В данном материале мы представим вам наиболее интересные скрипты:

Скрипт сбора keywirds – один из самых популярных скриптов, который обеспечивает сбор оптимальных ключевых слов для meta тегов.

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

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

Скрипт автоматического наполнения сайта на WordPress – из

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

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

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

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

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

Скрипты, которые распространяются в свободном доступе, постоянно теряют актуальность, т.к. работа поисковых систем и некоторых движков изменяется. Именно поэтому есть смысл следить за обновлениями и совершенствовать код скрипта .

Советую посетить следующие страницы:

Поделись статьей с друзьями

Источник: webtrafff.ru

Категория: Веб-программирование

Похожие статьи:

Урок 176. Как правильно оптимизировать видео на Youtube

Как установить скрипты в GIMP?

Бесплатные PHP скрипты

Что такое скрипты и как ими пользоваться

Что такое скрипты продаж?

mykomputers.ru

Prostoy-Site | Все права защищены © 2018 | Карта сайта