Оптимизация на 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 секунди за зареждане).

Скорост на зареждане на сайта – Топ SEO – Част 2 [ИБ027]

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

Тук ви представям един експеримент, който показва едно от най-слабите места в сайт с обемна база данни, а именно заявките за извличане и запис на данни.
MySQL заявките са едно от най-слабите места при динамичните сайтове и следва да обърнем най-много внимание на тяхното оптимизиране.

 

 

< Скорост на зареждане на сайта - Топ SEO - Част 1 [ИБ025]

Скорост на зареждане на сайта – Топ SEO – Част 1 [ИБ025]

Според мен едно от най-важните неща с което трябва да започнем оптимизацията на сайта е подобряване на неговото бързодействие и време за зареждане.

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

 

 

Скорост на зареждане на сайта – Топ SEO – Част 2 [ИБ027] >

 

Ресурси:
http://www.webpagetest.org/ – WebPageTest – Инструмента, който показвам във видеото
http://developers.google.com/speed/pagespeed/insights/ – Google PageSpeed Insights
http://www.google.com/webmasters/tools/ – Webmaster Tools

Силата на Google Analytics – Част 1 [ИБ024]

Винаги съм твърдял, че Google Analytics е един от най-важните и най-мощни инструменти за уебмастъри, блогъри и собственици на сайтове.
Google работят постоянно за подобряването на този инструмент и с всяка доавена функционалност “подковават” това мое твърдение.

В серия от видеа ще покажа как да използвате Google Analytics за анализ и оптимизация на вашия сайт, следене ефективността на рекламните ви кампании и като цяло измерване и подобряване на всички ваши маркетингови дейности.

Ще разберете и как да използвате тези статистики, за да опознаете още по-добре вашата аудитория и да им предложите още по-добри преживявания с вашите продукти и услуги.

В по-долното видео показвам как да добавите малко допълнителна сила към вашия Google Analytics, чрез инсталирането на готови модули (dashboards, сегменти / advanced segments, персонализирани статистики / customized reports) от галерията:
Препоръчвам гледане на видеото на цял екран (бутончето долу вдясно на плейъра).

 

 

Още от серията за “Google Analytics”:
<< Инсталиране на Google Analytics във WordPress
очаквайте Част 2 >>

 

Основи на текстообработката – Шорткъти (Удължете живота си) [ИБ005]

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

Тесктообработката е най-използваната дейност на компютъра (особено от програмисти и секретарки) и ползването на шорткъти може да ви спести години (в размките на целия ви живот).

Спестете си време, заделете то, и си го прекарайте за нещо по-приятно от зяпането в компютъра. Аз лично обичам да прекарвам спестеното време в обикаляне из родината и по света. 🙂

Хайде сега да потракаме малко по клавиатурата…

 За по-добра виждаемост препоръчвам гледане на цял екран.

 

 

И още малко шорткъти…

 

 

Списък на шорткътите

Универсални шроткъти (работят почти навсякъде под Windows):
home/end – маркера се мести в началото/края на реда;
ctrl + left/right (стрелките наляво и надясно) – прескачане (преместване на маркера) по цяла дума наляво/надясно;
ctrl + shift + left/right – селектиране на цяла дума наляво/надясно от маркера;
shift + up/down (стрелките нагоре и надолу) – селектиране на цял ред нагоре/надолу;
shift + home/end – селектиране от позицията на маркера до началото/края на реда;
ctrl + home/end – преместване на маркера в началото/края на документа;
ctrl + shift + home/end – селектиране на текста в документа от текущата позиция до началото/края;
shift + PgDown/PgUp – селектиране на страница нагоре/надолу;
ctrl + del – изтриване на дума намираща се надясно от маркера (del – delete – изтриване);
ctrl + BckSpace – изтриване на дума намираща се наляво от маркера;
ctrl + a – селектиране на целия текст в документа (a – all – всичко);
ctrl + x/c/v – изрязване/копиране/поставяне (работа с клипборда);

Шорткъти, които работят в повечето редактори (и браузъри):
ctrl + f – отваря диалога за търсене (f – find – търсене);
F3 – продължава търсенето надолу по файла;
shift + F3 – продължава търсенето нагоре по файла;

Шорткъти, които би трябвало да се поддържат от напреднали редактори (основно за програмисти):
[Проверете дали са налични във вашия редактор и каква е клавишната комбинация.]
ctrl + w – селектиране на текущата дума (w – word – дума);
ctrl + r – селектиране на текущия ред (r – row – ред);
ctrl + j – дублиране на текущия ред (размножаване по заешки) :-);
alt + shift + del – изтриване на текущия ред;
ctrl + u/l – всички букви (в селектиран текст) стават главни/малки (u – uppercase – главни букви; l – lowercase – малки букви);
ctrl + shift + u – първата буква на всяка дума (в селектриан текст) става главна;
ctrl + i – изместване на селектирания текст (блок) една табулация надясно (i – indent – изместване);
ctrl + shift + i – изместване на селектирания текст (блок) една табулация наляво;