Оптимизация на WordPress (пълен безплатен видео курс)

Оптимизация на WordPress (пълен безплатен видео курс)

Скоростта на зареждане на даден сайт е от съществено значение за задържането на посетителите и увеличаване на конверсиите (регистрации, продажби и т.н.). В този видео курс ще научите как да оптимизирате вашият WordPress сайт да се зарежда за под 3 секунди. С това не само ще подобрите потребителското изживяване, но ще постигнете по-високо класиране в резултатите от търсене в Гугъл, а също така и ще се намали натоварването на вашият хостинг/сървър.

Препоръчвам да правите оптимизацията стъпка по стъпка, следвайки указанията от видеата.
Целият процес ще ви отнеме не повече от 2-3 часа, но крайният резултат силно си заслужава.
Въоръжете се само с малко търпение и цъкнете първото видео… приятно гледане! 🙂

WordPress Оптимизация - 1/15 - Въведение, Защо скоростта е важна

WordPress Оптимизация - 2/15 - Защо WordPress е толкова бавен

WordPress Оптимизация - 3/15 - Примерни WordPress сайтове

WordPress Оптимизация - 4/15 - Време до първи байт (first byte time)

WordPress Оптимизация - 5/15 - Време до първи байт - от какво зависи.

WordPress Оптимизация - 6/15 - Бъди жив 🙂 (Keep Alive)

WordPress Оптимизация - 7/15 - Компресия на трансфера (compress transfer)

WordPress Оптимизация - 8/15 - Компресия на трансфера - втори метод

Ето и кода, който можете да копирате:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

WordPress Оптимизация - 9/15 - Оптимизация на изображенията

Ето от къде можете да свалите софтуера:
За Mac: ImageOptim
За Windows: FileOptimizer

WordPress Оптимизация - 10/15 - Оптимизация на изображенията - втори метод

Ето и сайта: https://imagify.io/

WordPress Оптимизация - 11/15 - Оптимизация на кеширането (cache static content)

WordPress Оптимизация - 12/15 - Оптимизация на кеширането - как да го направим?

Ето и кода:

# 1 YEAR
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|woff|woff2)$">
Header set Cache-Control "max-age=31536000, public"
</FilesMatch>

# 1 WEEK
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>

# 1 WEEK
<FilesMatch "\.(txt|xml|js|css)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>

WordPress Оптимизация - 13/15 - Оптимизация на JS и CSS файловете

WordPress Оптимизация - 14/15 - CDN (content distribution network)

WordPress Оптимизация - 15/15 - Обобщение. Резултати (2 секунди за зареждане).

Инсталиране на Google Analytics във WordPress [ИБ023]

В това видео показвам как бързо и лесно да инсталирате Google Analytics във WordPress.
За целта ще използваме плъгина “Google Analytics for WordPress”.
Използвайте търсачката в диалога за инсталиране на плъгини в административната част на вашата WordPress инсталация, като въведете точно тази фраза: Google Analytics for WordPress.
След като го намерите под името на плъгина цъкнете връзката за инсталиране и след това го актириайте.
Като последна стъпка променете настройките на плъгина, като добавите вашият идентификационен код, който сте получили при добавянето на сайта си в Google Analytics.

Вижте нагледно как стъпка по стъпка да направите всичко това:
Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

 

Още от серията за “Google Analytics”:
Силата на Google Analytics – Част 1 >>

 

WordPress на Български [ИБ012]

Във видеото показвам как най-бързо и лесно можете да си смените езика, използван във WordPress  на български.

Ако вие сте инсталирали българска дистрибуция на WordPress по всяка вероятност интерфейса ви вече е на български, но при всички останали случаи ще е необходима малко допълнителна работа.

По принцип добавянето на език изисква свалянето на езикови файлове от сайта WordPress.org и след това качването им с FTP в директорията “/wp-content/languages/” където е инсталиран WordPress.
След това се променя един ред в конфигурационния файл на WordPress (wp-config.php) за да му се укаже кой езика да използва.

Това обаче може да не е лесна задачка, за хора, които досега не са работили с FTP и не се чувстват удобно да редактират PHP файл.
Затова се опитах да намеря някакво по-добро решение… но без особен успех.

И в крайна сметка реших аз да напиша един плъгин за смяна на езика, който да направи живота ни малко по-лесен.
И така и така тръгнах да го правя, в него добавих поддръжка за всички езици, за които има превод на сайта на WordPress.

Плъгина е достъпен в секцията Инструменти / Download, но ето и бърза връзка за сваляне тук: wptblanguage.zip

От видеото ще разберете как да инсталирате плъгина и как да превключите езика след това.

Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

 

Плъгина във WordPress репозитори (Repository, директория)

Плъгина вече е добавен в директорията на WordPress.org и можете да го видите на адрес: http://wordpress.org/extend/plugins/wptb-language/
След като вече е в репозитори-то на WordPress това означава и че можете по-лесно да го инсталирате във WordPress, като следвате следните стъпки:

1. Влизате в административния панел на вашата WordPress инсталация
2. Отивате на “Plugins – Add New” и търсите по ключова дума “WPTB Language”
3. В ресултата от търсенето намерете точно това заглавие (“WPTB Language”) и под него кликнете “Install Now”
4. След приключване на инсталацията активирайте го като кликнете връзката “Activate Plugin”

Ако изпробвате плъгина моля добавете коментар по-долу на тази страница, независимо от резултата.
Ако всичко работи коректно можете да напишете просто едно “ОК”, в противен случай моля опишете проблема?
Приемам идеи и за подобрения на плъгина. 🙂

 

Използване на теми във WordPress [ИБ009]

В това видео показвам къде можете да си намерите теми за WordPress и как се инсталират.

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

Ако желаете сайта ви да изглежда добре на всякаква резолюция използвайте т.нар. “responsive” теми.
С използването на такава тема сайта ви ще изглежда еднакво добре на максимален брой устройства (компютри, таблети, смартфони).

Показвам също как можете да си конфигурирате основното меню на сайта.

Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

 

Знаете ли, че само със смяната на темата можете да превърнете сайт базиран на WordPress в сайт за обяви, сайт за недвижими имоти, форум, директория с ресурси, електронен магазин, аукцион, та дори и в сайт за групово пазаруване. 🙂
Ако в посочените директории или по други сайтове сте открили подобни специални теми моля споделете ги по-долу в коментарите към статията?

 

Предишно видео – Първи стъпки с WordPress

Следващо видео – очаквайте…

 

 

Първи стъпки с WordPress след инсталация [ИБ008]

В това видео обяснявам кои са първите и най-важни настройки, които трябва да се направят във WordPress след неговото инсталиране.
Много е важно да конфигурирате правилно permalinks (адресите на страниците), защото това е част от SEO-то (оптимизацията за търсачки).

Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

Предишно видео – Бърза Инсталация на WordPress

Следващо видео – Използване на теми във WordPress

 

 

Бърза Инсталация на WordPress [ИБ007]

С WordPress можете да си направите сайт буквално за 10 минути.
Първите 2-3 минути заделете за инсталацията.
В това видео показвам най-бързия и лесен начин за инсталация на WordPress.

 Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

Предишно видеоРабота с WordPress – Въведение
Следващо видеоПърви стъпки с WordPress