Subscribe to RSS feed Подписаться на RSS-канал or или follow me Follow Me on Twitter? на Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Оптимизация веб-сайта является важным процессом для любой веб-мастер пытается достичь "сверху". It includes several parts, some of which may not be plausible for all. Она включает в себя несколько частей, некоторые из которых не может быть правдоподобной для всех. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Оптимизация относится к очистке кода разметки, изображения и внутренним, чтобы ваш сайт нагрузок быстрее и вызывает меньшую нагрузку на сервер.
The Importance of Optimization Важность оптимизации
Website optimisation is important, because more optimized pages translate into lower load times. Оптимизация веб-сайта имеет важное значение, поскольку более оптимизированные страницы, перевод в нижний раза нагрузку. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. В современном мире, "Каждый хочет, чтобы все быстро", чтобы быстро реагировать и сайты, чтобы помочь вам сохранить ваши посетители больше. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Другими словами, вы можете сократить или ликвидировать, отчаявшиеся серфингистов, которые канавы ваш блог, потому что doesn't быструю загрузку. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Это более актуальным, если ваш блог ориентирован в направлении Non-технически подкованных зрителей, которые могут оказать медленными соединениями.
By optimization, you can save some bandwidth(although this is not why most people do it). При оптимизации, вы можете сэкономить полосу пропускания (хотя это не самое почему люди делают это). Also, in times of intensive activity, like being Dugg or Stumbled, optimization can be the difference between your blog going offline due to stress, and your blog staying healthy even while getting ~50k visits in a day. Кроме того, в период интенсивной деятельности, как быть Dugg или споткнулся, оптимизация может быть разница между блога перейти в автономный режим в результате стресса, а в блоге, чтобы оставаться здоровыми даже при получении ~ 50K посещений в день.
Some of the easiest optimization techniques include compression of codes whenever possible (like CSS), compression of images for lower sizes (use Photoshop), and reducing the number of http requests and number of objects. Некоторые из самых простых методов оптимизации включить сжатие кодов возможности (например, CSS), сжатие изображений для нижних размеров (использование Photoshop), и сокращение количества HTTP-запросов и количество объектов. There are also hardcore stuff, including tweaking your webserver (which few can do), tweaking your scripts to execute faster, reduce the number of PHP functions in your theme etc. Есть также хардкор вещи, включая тонкую настройку веб-сервера (который мало кто может делать), настройка свои скрипты, чтобы выполнить быстрее, уменьшить число функций PHP в вашей теме т.д.
My guiding light Мой маяк
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Поль Stamatiou является оптимизация-Crazy студентом колледжа, а также написал несколько руководств. I found Paul Stamatiou's guides, Я нашел руководством Пола Stamatiou's, How to Optimize your CSS Как оптимизировать свой CSS and и 5 ways to speed up your site 5 способов ускорить свой сайт amazing. изумительный. After reading them a few times and implementing a few steps, I was able to cut down the loading time of this blog from 27 seconds on a dialup, to around 6 seconds! После прочтения их несколько раз и осуществляет несколько шагов, я смог сократить время погрузки этого блога с 27 секунд на дозвон, до примерно 6 секунд! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Я использовал свой блог в качестве ориентира, потому что он очень многое там с лучшими в оптимизации.
I took his advice to heart, and experimented a little more. Я последовал его совету к сердцу, и экспериментировать немного больше. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): В частности, здесь шагов (я буду иметь подробные инструкции по пост позже, так что будьте внимательны!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Удалить все ненужные изображения, как и значок RSS Feed и Technorati Fav кнопки. Сохраненный 4Кб.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Если вы не можете отказаться от ваших изображений, по крайней мере переместить их на том же сервере (закачек, или папку с изображениями). - Compressed the CSS using Сжатые помощью CSS CleanCSS CleanCSS . Saved 3Kb. . Сохраненный 3Kb.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Используется PHP сжатия таблиц стилей CSS, а Stammy (см. выше) предложили. Сохраненный 2Kb.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Удалить предыдущую заголовок изображения, которое было 500 х 200, и его заменил на меньшую 412 х 118px, с белым фоном. White backround was very helpful. Saved 10Kb. Белый BACKROUND было очень полезно. Сохраненный 10Kb.
So, that cut down the size by 19Kb, without compromising much on quality. Итак, что сокращает размер 19kb, без ущерба много на качество. I am not (yet) aware of all the server-side optimisation, so no comments there. Я (пока) не в курсе всех серверных оптимизацию, поэтому никаких комментариев. Long story short, the optimisation bug is on me too Короче говоря, оптимизация ошибка наблюдается на меня 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. На легкую ноту, я действительно удалось избили Stammy блог раза нагрузку на хорошем поле.
It is probably due to the sponsor images on his sidebar. Вероятно, это связано с спонсор изображения на его боковой панели. His blog is hosted on MediaTemple's (dv) server. Его блог находится на MediaTemple's (DV) сервера. For reference, this blog is on a shared webhost (for now). Для справки, этот блог на общем хостинге (на данный момент).
Here are (56K speeds of ) some sites according to Здесь (56K скорости) некоторых сайтов в соответствии с Web Page Analyzer Веб-страница Analyzer , as of August 19, 2007 , По состоянию на 19 августа 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Примечание: Это время, необходимое для погрузки, а не фактическое отображения в браузере):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7,08 секунды
TechZilo (this blog) – TechZilo (этот блог) -- 4.33 seconds 4,33 секунды
TechCrunch – TechCrunch -- 204.97 seconds 204,97 секунды
Why did I show these load times? Почему мне показать эти нагрузки раз? Bragging rights? Заявите о себе? No. NO.
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Просто чтобы доказать, что даже крупные сайты, как TechCrunch может делать с немного оптимизации. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Я уверен, что Майк Arrington будет иметь никаких проблем тратить дополнительную пропускную способность, потеряв некоторое разочарование посетителей или быть Dugg. However, 204 seconds is way too much by any standards. Тем не менее, 204 секунд это слишком много по любым меркам.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Итак, убедитесь, что вы оптимизировать свой блог следующий раз, когда вы решите, чтобы ваши руки грязные в коде 
Related reading Похожие чтении
- TextSnip: free online code bin TextSnip: бесплатные онлайн бен кода
- Site Update : Asides and Footnotes Обновление сайта: Asides и примечания
- BitDig: Digg-like site for torrents BitDig: Digg-подобный сайт для торрентов
- Remove PirateBay BitTorrent site account Удалить PirateBay загрузки сайта счету
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). Веб-страница анализатора основан на нескольких вещей, таких, как местоположение пользователя, и скорость загрузки (я думаю). As such it says 1.55, 1.06, 16.14 for the three sites you mentioned, in that order for me and will probably say something different for someone else. Как таковая она говорит, 1.55, 1.06, 16.14 в течение трех сайтах, упомянутых в указанном порядке для меня и, вероятно, говорить друг за другого.
@Paul: Thanks for dropping by. @ Павел: Спасибо за снижается путем. I forgot to add that all speeds were for dialup. Я забыл добавить, что все было скорости для набора телефонных номеров. Hope that solves your problem. Надежды, что решит Вашу проблему.
thats the min disadvantage of self hosted blogs and thats where blogger wins! Thats мин недостаток Самостоятельное размещение блогов и блоггеров Thats где побеждает!
I haven't faced any such problems, Я не испытывал такие проблемы,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds Большинство серферов теперь есть широкополосный, и я вряд ли мой блог занимает две секунды
Although some graphics take time but text is visible once u type in address. Хотя некоторые графические потребуется время, но текста видна раз у тип адреса.
n I hav got a cool report N Море я получил доклад Cool
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML Изображения: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS Изображения: 0 0,00 0,00
Total Images: 196940 45.65 7.44 Всего фотографий: 196940 45,65 7,44
Javascript: 84241 18.39 2.05 JavaScript: 84241 18,39 2,05
CSS: 3761 1.55 0.82 CSS: 3761 1,55 0,82
Multimedia: 0 0.00 0.00 Мультимедиа: 0 0,00 0,00
Other: 0 0.00 Другое: 0 0,00
Tip: Red color doesn’t matches with white color, try something else and don’t you think overloaded text link ads advertisement? Подсказка: красный цвет doesnâ € ™ т матчи с белым цветом, попробуйте что-нибудь другое и Дона € ™ "" Вы думаете, перегруженные текстовой ссылки объявлений реклама?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger уверен, победит, так как серверы компании Google входят в число наиболее быстро (хотя и не самой надежной). But the lack of flexibility really is the problem. Однако отсутствие гибкости действительно является проблемой. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Применяя усовершенствованные методы сжатия, светло-тема веса и разумные сервер, WordPress может побить Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Тем более, что Blogger темам славятся тонн JavaScript (проверка исходного кода в конце). It isn't added by the us, but by Blogger automatically. Он не добавил от нас, но блоггер автоматически.
I am changing the colour scheme of the theme, one bit at a time. Я изменив цветовую схему темы, один бит за один раз. I changed the header, footer and navbar. Я изменил заголовок, сноску и Navbar. Next up, content+sidebars. Следующим, содержания + боковые панели. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Что касается рекламы, они партнерские ссылки, и безвредные nofollowed в боковой панели. Maybe I should reduce them to the most-rewarding ones only. Maybe Возможно, мне следует сократить их до самого награждения них только. Может быть
There's also Там также http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. который, думаю, гораздо более точны, чем веб-страницу Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Пол: Я пытался, но это было до оптимизации Craze (которая благодаря вам!)
Let me check it now. Позвольте мне проверить это сейчас.
my blog gets 135 seconds, not exactly great. Мой блог получает 135 секунд, точно не больше. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Я думаю, мне нужно сделать некоторые блог оптимизация сам, но по крайней мере я быстрее, чем TechCrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Михаил: TechCrunch медленный основном из-за графика (спонсоров на боковой панели). Yours is slow because of the theme – it depends on background images too much. Твое есть медленно, поскольку тема - это зависит от фоновых изображений слишком много. Don't do too much optimization – your theme might get bland (as mine is). Не делайте слишком много оптимизация - ваша тема может получить мягкий (в шахте). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Кроме того, она зависит от целевой аудитории, - если они высокие технологии, нет никаких проблем, поскольку они будут иметь высокоскоростное подключение.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh даже когда я был не обращая внимания на ваши консультировать еще наш блог нагрузок на 4 сек (Paul Stamatiou предложение). Not that bad! Неплохо да! Anyways, I still think we have some Optimization to do. В любом случае, я считаю, у нас есть некоторые оптимизации делать.