Бих искал да нахвърляме някои идеи за оптимизиране на WordPress. Много се е писало из темите във форума и има страхотни идеи. Желанието ми е да се съберат в нещо като ръководство. За това започвам темата, като ще я рамкирам под формата на някаква статия. В последствие няма лошо, да се превърне в дискусия.
КАК ДА УСКОРИМ НАШИЯТ WORDPRESS САЙТ
Да си представим, че сайта ни представлява къща. Какво е важно за една къща? Ами ако сайта ни е една потъваща къща? Дали бихме тръгнали да мием прозорците, за да я стабилизираме? Не. Важното за една къща е стабилната основа. Изграждайки стабилна основа, ние можем спокойно да развиваме интериора и екстериора. Ако къщата ни е WordPress сайт, основите отново се оказват изключително важни. За това, първото нещо с което започваме изграждането на нашия WP-сайт е:
1. Качествен и бърз хостинг
До тук добре, но част от базата е и скелто, носещите стени и колони, покрива. За това е изключително важно, да си изберем:
2. Подходяща тема.
Не ни трябва тема, накичена с дрънкулки и звуци, анимации и хиляди ненужни неща. Трябва ни стабилна и бърза тема, по възможност респонзив.
От тук насетне започва работата с добавянето на контента, надграждането с екстри (плъгини, къстъм функционалност, редизайн). Работата ни спори и за няколко месеца сме изградили една чудесна кооперация със стабилни основи и фасада, насъбрали сме си посетители, пишем интересни неща. Както се казва направили сме си едно уютно местенце. Само че от многото багаж, започваме да се разминаваме трудно по коридорите. Всеки бърза да види картините по стените, да разгледа съкровищата в мазето, да се запише, че е ни е посетил музея, а другият път ще доведе и приятели. Е, стана тъпканица, нали?! Нещо трябва да се направи. WP-сайтчето ни се задъхва да обслужва хилядите посетители дневно. Трудно му е да задоволява всичките необходими нужди на посетителите. Изстрелват се заявки наляво-надясно, но започва едно чакане, като за тройка кебапчета вечер в крайбрежен ресторант в Несебър. Кофти!
Да викаме майсторите и да видим какво може да се направи.
3. Редуциране на трафик от сайта.
Най-модерното решение е да използваме CDN (Content Delivery Network). Напоследък се появиха и free CDN-сървъри, които позволяват да качим при тях някои често зареждани файлове: JavaScript, CSS, картинки, клипове. Тези сървъри разполагат с интересни възможности за анализ и решения за оптимизиране и кеширане на статични файлове.
Бих ви препоръчал, да използвате платени CDN-и, но всеки си решава според бюджета. Един от популярните free CDN-и е CloudFlare. Попрочетете, разгледайте, тествайте и ако ви хареса - ползвайте.
4. Идентифициране на проблемни или забавящи времето на зареждане плъгини
За решаване на този проблем има много полезни добавки. Аз ви препоръчвам да започнете с плъгина за диагностика P3 (Plugin Performance Profiler). Този инструмент ще ви покаже детайлна картина на всички плъгини, които забавят WP-сайта ви.
5. Компресиране на съдържанието
Използването на GZip-компресията намаля драстично трансфера на данни между сървъра и браузъра на клиента. В общи линии сървъра изпраща zip-компресирани данни до клиента, а браузъра използва същия алгоритъм, за да ги разархивира и рендне.
Можете да прочетете тази интересна статия, която ще ви обясни, как да "активирате" Gzip (Deflate) компресията на данни:
http://www.feedthebot.com/pagespeed/enable-compression.html
6. Компресиране на изображенията
Не бива да пренебрегвате оптимизирането на изображенията. Няма значение, дали използвате png или jpg. Старайте се винаги да компресирате до някакви приемливо ниво без загуба на информация - lossless. Аз лично използвам компресиране около 86% за jpg. Предполагам и при вас често се налага качване на изображения от телефона или от външни потребители. В такъв случай също има варианти за компресиране на изображенията. Можете да използвате плъгините за WP - WP Smush.it или Imsanity, който ще ви помогне и за преоразмеряването на изображенията.
7. Кеширане на информацията
През сайта си можете да казвате на браузъра на потребителя колко често да кешира дадени файлове или цели страници. Естествено има и плъгин - WP Super Cache, а може и ръчно чрез .htaccess. Кеширането на данните е нож с две остриета. Колкото може да ви помогне, два пъти повече може да ви навреди, ако не внимавате какво и как кеширате.
8. Почистване на базата данни от боклука
Най-лесно е да се направи с плъгин - WP-Optimize
9. Компресиране на CSS и JavaScript файловете
Можете да го направите ръчно. В общи линии се прави изтриване на шпациите и новите редове. За WP можете да използвате плъгин - Better WordPress Minify. Ако използвате CSS-framework, като Boostrap или Foundation, тогава можете да изтеглите компресирани версии на CSS и JS. За jQuery също.
10. Изключване на Pingbacks and Trackbacks
За да комуникира с други блогове, WP ви предлага тези инструменти, които понякога могат да забавят доста времето на зареждане. Ако мислите, че нямате чак такава нужда от тях, просто ги изключете от "Discussion" -> "Settings".
11. Преместете целия CSS в началото и всички JS в края на страниците
Най-добре е обработката на контента с JS да става след като потребителят е заредил цялата страница. От друга страна браузъра няма да рендне нищо, докато не зареди целия CSS. Това е просто правило, което върши добра работа. Винаги го използвайте, когато започвате нов проект.
12. Използвайте "Header set Connection keep-alive"
Ако потребителите ви свалят много файлове от сайта ви, тази опция може да ви помогне, ако сложите текста в кавичките в .htaccess файла.
13. Заменете PHP с HTML там където е възможно
Няма нужда целия HTML да се принти от PHP. Ако мислите, че можете да използвате тази техника, и имате голямо количество HTML-код, набутан в PHP, го използвайте.
Тези няколко идеи съвсем не изчерпват темата с оптимизирането на WordPress сайтовете. Има вероятно още стотици хитрини, които могат да помогнат. Ще се радвам да споделите какво ползвате.
За писането на текста са използвани и преведени пасажи от Web Geek сайтове.
КАК ДА УСКОРИМ НАШИЯТ WORDPRESS САЙТ
Да си представим, че сайта ни представлява къща. Какво е важно за една къща? Ами ако сайта ни е една потъваща къща? Дали бихме тръгнали да мием прозорците, за да я стабилизираме? Не. Важното за една къща е стабилната основа. Изграждайки стабилна основа, ние можем спокойно да развиваме интериора и екстериора. Ако къщата ни е WordPress сайт, основите отново се оказват изключително важни. За това, първото нещо с което започваме изграждането на нашия WP-сайт е:
1. Качествен и бърз хостинг
До тук добре, но част от базата е и скелто, носещите стени и колони, покрива. За това е изключително важно, да си изберем:
2. Подходяща тема.
Не ни трябва тема, накичена с дрънкулки и звуци, анимации и хиляди ненужни неща. Трябва ни стабилна и бърза тема, по възможност респонзив.
От тук насетне започва работата с добавянето на контента, надграждането с екстри (плъгини, къстъм функционалност, редизайн). Работата ни спори и за няколко месеца сме изградили една чудесна кооперация със стабилни основи и фасада, насъбрали сме си посетители, пишем интересни неща. Както се казва направили сме си едно уютно местенце. Само че от многото багаж, започваме да се разминаваме трудно по коридорите. Всеки бърза да види картините по стените, да разгледа съкровищата в мазето, да се запише, че е ни е посетил музея, а другият път ще доведе и приятели. Е, стана тъпканица, нали?! Нещо трябва да се направи. WP-сайтчето ни се задъхва да обслужва хилядите посетители дневно. Трудно му е да задоволява всичките необходими нужди на посетителите. Изстрелват се заявки наляво-надясно, но започва едно чакане, като за тройка кебапчета вечер в крайбрежен ресторант в Несебър. Кофти!
Да викаме майсторите и да видим какво може да се направи.
3. Редуциране на трафик от сайта.
Най-модерното решение е да използваме CDN (Content Delivery Network). Напоследък се появиха и free CDN-сървъри, които позволяват да качим при тях някои често зареждани файлове: JavaScript, CSS, картинки, клипове. Тези сървъри разполагат с интересни възможности за анализ и решения за оптимизиране и кеширане на статични файлове.
Бих ви препоръчал, да използвате платени CDN-и, но всеки си решава според бюджета. Един от популярните free CDN-и е CloudFlare. Попрочетете, разгледайте, тествайте и ако ви хареса - ползвайте.
4. Идентифициране на проблемни или забавящи времето на зареждане плъгини
За решаване на този проблем има много полезни добавки. Аз ви препоръчвам да започнете с плъгина за диагностика P3 (Plugin Performance Profiler). Този инструмент ще ви покаже детайлна картина на всички плъгини, които забавят WP-сайта ви.
5. Компресиране на съдържанието
Използването на GZip-компресията намаля драстично трансфера на данни между сървъра и браузъра на клиента. В общи линии сървъра изпраща zip-компресирани данни до клиента, а браузъра използва същия алгоритъм, за да ги разархивира и рендне.
Можете да прочетете тази интересна статия, която ще ви обясни, как да "активирате" Gzip (Deflate) компресията на данни:
http://www.feedthebot.com/pagespeed/enable-compression.html
6. Компресиране на изображенията
Не бива да пренебрегвате оптимизирането на изображенията. Няма значение, дали използвате png или jpg. Старайте се винаги да компресирате до някакви приемливо ниво без загуба на информация - lossless. Аз лично използвам компресиране около 86% за jpg. Предполагам и при вас често се налага качване на изображения от телефона или от външни потребители. В такъв случай също има варианти за компресиране на изображенията. Можете да използвате плъгините за WP - WP Smush.it или Imsanity, който ще ви помогне и за преоразмеряването на изображенията.
7. Кеширане на информацията
През сайта си можете да казвате на браузъра на потребителя колко често да кешира дадени файлове или цели страници. Естествено има и плъгин - WP Super Cache, а може и ръчно чрез .htaccess. Кеширането на данните е нож с две остриета. Колкото може да ви помогне, два пъти повече може да ви навреди, ако не внимавате какво и как кеширате.
8. Почистване на базата данни от боклука
Най-лесно е да се направи с плъгин - WP-Optimize
9. Компресиране на CSS и JavaScript файловете
Можете да го направите ръчно. В общи линии се прави изтриване на шпациите и новите редове. За WP можете да използвате плъгин - Better WordPress Minify. Ако използвате CSS-framework, като Boostrap или Foundation, тогава можете да изтеглите компресирани версии на CSS и JS. За jQuery също.
10. Изключване на Pingbacks and Trackbacks
За да комуникира с други блогове, WP ви предлага тези инструменти, които понякога могат да забавят доста времето на зареждане. Ако мислите, че нямате чак такава нужда от тях, просто ги изключете от "Discussion" -> "Settings".
11. Преместете целия CSS в началото и всички JS в края на страниците
Най-добре е обработката на контента с JS да става след като потребителят е заредил цялата страница. От друга страна браузъра няма да рендне нищо, докато не зареди целия CSS. Това е просто правило, което върши добра работа. Винаги го използвайте, когато започвате нов проект.
12. Използвайте "Header set Connection keep-alive"
Ако потребителите ви свалят много файлове от сайта ви, тази опция може да ви помогне, ако сложите текста в кавичките в .htaccess файла.
13. Заменете PHP с HTML там където е възможно
Няма нужда целия HTML да се принти от PHP. Ако мислите, че можете да използвате тази техника, и имате голямо количество HTML-код, набутан в PHP, го използвайте.
Тези няколко идеи съвсем не изчерпват темата с оптимизирането на WordPress сайтовете. Има вероятно още стотици хитрини, които могат да помогнат. Ще се радвам да споделите какво ползвате.
За писането на текста са използвани и преведени пасажи от Web Geek сайтове.
Последно редактирано:
