website productivity performance

5 Easy Steps to Boost WordPress Speed & Performance (No Coding)

First of all we need to understand why the speed performance of our wordpress website is so important.

Study says that

Average human attention span has dropped from 12 seconds to 7 seconds in the last 10 years.

It means that you have very little time to present your content, on the best way, to your visitors so they be attracted and stay on your website for a longer time without loosing interests or patience. If the website is slow the visitors will leave it before it even loaded.

Google study sais

1 second delay in page load time lead to 7% loss in conversions, 11% fewer page views, and 16% decrease in customer satisfaction.

So losing visitors you lose clients and money. Because of that speed performance of the website is so important for you benefit business.

Not at the last stage is good to know that Google and other search engines have already started penalizing slower websites by pushing them down in the search results. This means lower traffic for your slow website.

What we can do to speed up our wordpress website?

1. Check your wordpress speed

There are several free tools online that you can use to check your wordpress website speed performance. Here you can find the most popular and user friendly:

  1. KeyCDN Speed Test
  2. Google PageSpeed Insights
  3. Pingdom
  4. GTmetrix
  5. WebPageTest
  6. DareBoost
  7. Varvy Pagespeed Optimization
  8. UpTrends
  9. dotcom-monitor
  10. PageScoring
  11. Yellow Lab Tools
  12. Google Chrome DevTools
  13. Sucuri Load Time Tester
  14. Pagelocity
  15. YSlow
  16. PerfTool

 

2. Find what slow your wordpress website

Checking the speed of your wordpress website can help you analyze:

  • Scripts, fonts, and plugins causing load time issues (HTML, Javascript, CSS)
  • Finding large images
  • Render-blocking JavaScript or CSS
  • Total load times, page sizes and requests
  • Performance from different geographical locations
  • Rendering speed in different browsers
  • HTTP Headers

Using any of these key also can help you to measure the performance of your Content Delivery Network (CDN).

3.  Understand how to improve your website speed and make the improvements

Step 1: Install a WordPress Caching Plugin

There are a lot of caching plugins available for WordPress, but we recommend using the WP Super Cache, W3 Total Cache or WP Rocket plugin. Check out step by step the relevant guide on how to install and setup any of these plugins on your WordPress site.

Why to do that?

Because the WordPress pages are “dynamic pages”. This means they’re built on the fly every time someone visits a post or page on your website. During this process the active data is often cached in order to reduce load times.

Caching plugins work is to save the dynamically generated HTML files and serving them from the cache (i.e. reusing previously generated data) whenever a request is made, rather than loading all of the PHP scripts from WordPress every time you hit refresh.

Step 2. Optimize Images for Speed

The best way to optimize your image sis to use Photoshop, but some image optimization plugins are also available in the wordpress repository as free.

Why to do that?

Using images makes 80% of the visitors more likely to read your content.

But non-optimized images are one of the most common speed issues you need to solve.

Before upload a photo directly is good to use photo editing software to optimize the images for web. In their original formats photos can have huge file sizes. Most popular web image formats are JPEG and PNG. We recommend to use one of them.

How to select the image format?

JPEG – if the image has a lot of different colors.
PNG if you need a transparent background of the image.

Step 3. Use Excerpts on Homepage and Archives

Step 4.  Don’t Upload Videos Directly to WordPress

If you use slider or image gallery try to find and install the most faster slider or image gallery plugins and optimize your wordpress database.

4. Keep your wordpress site updated

WordPress is an open source project that is updated frequently. You need to check regularly for updates and run them as soon as the updates are available. You need to update not only the theme you use, but also the WordPress in general and all plugins you use.

5. Constantly keep checking your wordpress website speed and make some corrections if it needed

Follow all the steps above in a regular time, so to be sure you will remove on time all speed negative effects.

scroll tracking

Scroll Tracking в Google Analytics: Защо и как?

Четат ли хората съдържанието на сайта ви?

Интуитивният отговор е, “Е, разбира се! Очевидно  е, че го четат! Толкова попадения по търсени думи и изрази и толкова показвания на страници…! ”

Принципно е така … но как да разберете дали хората наистина четат съдържанието? Дали са прочели цялата статия или само първия параграф или само отделни моменти от нея?

Не би ли било чудесно ако има плъгин или друго средство, чрез което да можете да си отговорите на тези въпроси и да оптимизирате своето време и разходи в писане на текстове, които не се четат толкова колкото очаквате?

Как може да се разбере по-добре колко ангажиращо за читателя е съдържанието в нашите статии? Дали наистина ги прочитат изцяло? И отговора е:

Scroll Tracking

scroll tracking

Това е плъгин, който определя гранични стойности, основаващи се на височината на страницата, след това създава и проследява събития, които настъпват когато посетител превърти (скрулира) до определена позиция в страницата (т.е. скрулирайки намалява нейната височина съответно с 10%, 25%, 50%, 75%, 90% и 100%).  Резултатите от Scroll Tracking, за всички тези събития, могат да се видят в отчетите на Google Analytics, като напр.:

Категория на събитието (Event Category):  Проследяване на превъртането (Scroll Tracking)
Действие на събитието (Event Action):<% scrolled> (10%, 25%, 50%, и т.н.)
Етикет на събитието (Event Label): (/blog/super-amazing-content/)

 

 

Как се инсталира скрипта на Scroll Tracking?

С помощта на Google Tag Manager. Стъпка по стъпка:

1. Изтегляне на контейнери за файла (JSON файл).

2. Импортиране на JSON файла в GTM. Влезте в своя собствен Google Tag Manager, секцията Администриране на сайта. От  Container options, изберете Import Container.

3. Обновяване със собствения Tracking ID. Обновяване или създаване на нов Constant Variable с името {{YOUR_GA_TRACKING_ID}} с вашия Google Analytics Tracking ID (a.k.a. UA Number).

4. Преглед & Публикуване. Използване на опциите за визуализация, за да се тества този контейнер на собствения сайт. Опитайте изпитване на всяка от събитията, за да сте сигурни, че работят правилно. Ако всичко изглежда добре, давай напред и да публикува!

Без Google Tag Manager
Изтегляне на Iscroll tracking script (in a .js file) на собствен сървър. Добавяне на външния .js файл в <head> секцията на всяка страница, на която ще се проследява за четимост на съдържание.

 

Къде може да се използва Scroll Tracking

Scroll Tracking може да се инсталира само на отделни страници в сайта. Например, вече имате страници, които вече проследявате за ангажираност (форму за попълване и публикуване или кликабъл бутони), тогава ще се обезсмисли добавянето и на този плъгин. Инсталирането на Scroll tracking на кратки страници (статии) също няма да е от голямо значение, за подобни страници с кратко съдържание по-добрият вариант е engagement timer tracking.

Използването на Scroll Tracking с други проследяващи механизми е по-ефективно

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

 

Персонализирайте вашият Script!

Скрипта на Scroll Tracking  може да бъде персонализиран! Достатъчно е да промените кода вътре в HTML тага или вашият JavaScript файл, за да получите очакваните резултати.

scroll-customize

 

Честота

Можете да избирате и коригирате честотата на генерирате на резултати на база създадени събития от страна на потребителя. Можете генерирате събития въз основа на точни проценти, като 10% или 90% например. Или да генерирате регулярни резултати на базата на регулярни събития, например на всеки 25%. Ако имате
Освен това, можете да изберете да уволни основава на пиксели, стрелба, когато потребителите преминават определен праг или на определени интервали. Например, ако имате страница с безкрайно превъртане  можете да следите дълбочината на пикселите, за да разберете до къде точно потребителят е превъртял!

 

Горе у Долу

Можете също така да определите горната и долната част на областта, която искате да проследявате при превъртане с помощта на CSS селектори. Това е особено полезно, ако имате по-дълги хедъри или футери, или разширяващи се секции с коментари, които се очаква да продължат да нарастват. Чрез попълване на Top и Bottom, можете да проследявате скрулирането на потребителя в тази конкретна секция.