WordPress in only 7 Kb • WordPress Help

If you are committed to the protection of our environment and the carbon footprint that your activity leaves you will already know that everything what has to do with the Internet also leaves a huge carbon footprint.

Internet and CO2 emissions

I am referring to energy consumption mainly, since every web, every tweet, everything requires energy consumption ]and in this current Internet as we know it, multimedia and with enormous resources within the reach of anyone, the consumption of energy, and consequently the carbon footprint, has increased notably .

And yes , WordPress is also participating in it, precisely because of its popularity, because of its growing functionalities, the very fact of the democratization of web creation, which is good in itself, also has that side effect of increase the footprint of carbon .

In fact, it has been assessed that Internet generates more CO2 emissions than all world air traffic .

Can we do something about it?

Since 2009, Greenpeace has been auditing the energy use of Internet companies, and encouraging them to improve with their campaign Clicking Clean . [19659005] Also, the Green Web Foundation has a database of hosting companies that use renewable energy, or at least do not leave a carbon footprint.

And, in addition, there is new tools such as EcoGrader or WebsiteCarbon which analyze the carbon footprint of your website to help measure the environmental impact of our services and products .

Susty WP

A very interesting initiative esante is that of Jack Lenox, who has created the web SustyWP.com and the subject that accompanies it, Susty a sustainable WordPress web.

And the fact is that sustywp.com only requires 7 Kb of transfer for its full load which its carbon footprint is minimal . And what is installed Yoast, which generates 1 Kb.

Some data to highlight from sustywp.com are these:

It seems that there are good arguments to be sustainable with our website do not you think?

How is it? made Susty WP?

Aim, if you want to join the challenge of making WordPress reduce its carbon footprint:

  • The site uses a version of the Underscores theme taken to its minimal expression, the aforementioned theme Susty, which you can download from GitHub .
  • Without widgets area
  • Without drop-down menus
  • Sin web fonts
  • CSS minimized and minimized
  • HTML minimized
  • Without JavaScript
  • GZip of all
  • NGinX Server
  • Fast-CGI Cache
  • Zero images, and if used, in SVG .

Benefits of SustyWP

I guess you'll already have s more or less made your list of benefits, but we summarize it:

  • Search engine scores
  • Ultra fast website
  • Sustainable web and minimum carbon footprint
  • Less resource consumption
  • Less cost de hosting

More information on Jack's blog .

Loading …

May also help you:

How to add an index in the WordPress options table and why you should do it • WordPress Help

Table options ( wp_options by default, or ideally with your custom prefix) of WordPress is the one that goes accumulating information about each of the plugins, settings and configurations and more, that you are installing throughout the life of your website.

If we add that the Most plugins do not delete lines from this table, you'll see that is gradually becoming a monster with thousands of lines, which WordPress checks and launches on each page load .

As you can imagine, a table options large can greatly slow down your website since your WordPress must make many requests and launch requests before loading each page for each visitor.

Ergo, if we could limit this amount ad requests your web would load faster, having to make fewer queries, right?

The culprit: Autoload

The culprit of all this is the field Autoload of each line of the table options, usually with the value in Yes that is, yes, it is automatically loaded by the function wp_load_alloptions () .

What's the problem with Autoload?

Well, very simple, it automatically loads all options from table options though:

  • The plugin option does not need to load on each page (Example: contact form that loads its settings across the web when it is only on one page.)
  • The plugin is no longer installed and active.
  • The theme is no longer active.
  • The plugin should have created their own tables and do not put their options in the table options

And, the green The problem is when it self-loads too much but what is too much?

Important note : In this article, we will work directly with the database. Before executing any query or touching something in it, make a backup copy.

Execute this SQL command, you can do it in PHPMyAdmin of your hosting panel:

Note: Change the example prefix to yours, do not forget

Click on the button Continue or execute the SQL query and you will get the size of the query of all the values ​​with autoload e bytes. And the rule should be:

  • If the result of autoload_size is greater than 1 Mb (approximately 1,000,000 bytes) you should do something to optimize this.

the example of the capture size is ridiculous, so if your results are like that you have just read the article, dedicate your time to blog something.

If you obtained a result above 1Mb, or just want to dedicate a Having said that,

Having said that, would it not be better to define what is loaded and when in our WordPress installation?

Create an index in the options table

There are several ways to thin the table options but we will see mainly one that has proven to be tremendously effective and easy to apply.

Why is the best solution?

The best solution to tables options huge that slow down your w eb is to create an index of the table options . In tests on sites with many lines with Autoload the difference between loading the table with and without index return some results beyond doubt.

In case you do not know English: in red loading time Autoload without index, in blue with index.

You can also see how the loading time in a site was reduced after adding an index:

The improvements performance and speed are brutal, especially with large databases, and the best thing is that creating an index is very simple.

Check the index

A good test to do before creating the index is to see how many columns (options) have Autoload in Yes that is, they are loaded. This would be done as follows:

For those that do not load, those that have Autoload in No .

Results will look like this:

The rule to apply would be the following:

  • If the values ​​in No exceed 60% of the total then you do not need an index.

Create an index with SQL commands

If you feel comfortable, you can create the index by executing a command like this:

Again, you can change the name of the index, autoloadindex in the example, and you must change the prefix of the table options by which you use.

Create an index with WP-CLI

If you prefer to use the WordPress command interface WP- CLI you would do it this way:

Create an index with plugins

In case you do not you want or do not you dare with SQL, there is also a plugin that will help you in this task of creating the index.

It is called Index Autoload and it does not even have adjustments, you activate it and it's done. [19659003] Of course, even if it is a plugin, the rule of backing up the database is still valid, do not forget it.

This plugin creates the Autoload index equally.

I do not want the index anymore

As there is nothing like freedom of choice, if at any time you no longer want the index you can execute this command to erase it:

Again, remember to change the index name and prefix of the table to yours.

If you used the option to do so with the plugin to deactivate it and delete it is also deleted the index.

Is it really worth it?

Although there is nothing better than doing a test, I will give you some advice:

  • If the options in Autoload of your table options weigh more than 1Mb worth it
  • If the Autoload Yes exceeds 60% it is worth it
  • If you have a table options great is worth it

The result is to reduce the WordPress queries to the table options in more than 90% in many cases, which results in better load times on your website. [19659138] To learn more

Here you have some resources to continue learning about this subject:

Car gando …

That may also help you:

How to optimize and accelerate a web made with the Avada theme

The subject Avada is for years the most popular, downloaded and used in WordPress and all that in spite of the new layout designers, of the dozens of multipurpose themes that have been coming out. And this has its merit.

What is a reality of the subject Avada is that, even though it does not use Visual Composer (now renamed as WPBakery Page Builder ), neither Divi nor Elementor but its own layout designer, called Fusion Builder is a winner, and it does not appear that any another issue will lower him from the throne .

And, in this reality, in which there are thousands, rather hundreds of thousands of installations of Avada As an expert in WordPress, you can not ignore the fact that sooner or later the web of a client who wants to optimize it and improve the loading times of your website will fall into your hands, without having to renounce its wonderful theme

It's something that in my case I've had to do several times and that, after going through my first phase of skepticism ]of want to convince the client to change the subject even before starting to enter optimization codes and plugins little by little I realized that Avada has things that other subjects should learn from, quite a lot .

The problem of Avada in particular, and the themes of Envato in general

The problem of issues as Avada is that offer so much, they are sold with such fantastic demos, that almost no one can resist having such a functional, spectacular, gimmicky website .

But of course, all power carries a effort, in this case in the form of plugins and is that to get to design some demos of Avada you have to install and use up to 3 different plugins of carousels, or sliders if you prefer to call them that. [19659005] So it's easy to find yourself in a WordPress installation of your client at the same time Fusion Slider Avada's own system, plus other plugins like Layer Slider or Slider Revolution each of them huge consumers of resources, and devourers of scripts, which of course, end up slowing down any web.

If we add the rest of standard WordPress plugins, Avada's own layout designer, Fusion Builder more an online store, subscription system and you know, at the end we have a monster that would take a NASA server to move it half decently .

But, who is reluctant to try the most popular theme of all time, year after year, with fantastic demos, and that only costs $ 60?

And, curiously, Avada contributes a large part of the solution

But, look at where, the same Avada can help us optimize the loading of a web, do we see how?

Update Avada and all your patches

The Avada update system is for note. Not only do you update the theme to its older versions but it works through a patch system that you can update at will.

Go to the menu Avada> Fusion Patcher and get up to date. Many of the patches are improvements of security and optimization, and even of adaptation to the RGPD, so check them from time to time.

It is not obligatory to install all the recommended plugins [19659020]

Your first optimization measure is to avoid the temptation to install all the recommended plugins in the menu Avada> Plugins .

They are there so that the install when you need them, not right now. What's more, you do not even need to install them at all, so stick!

Check the status of the system

In Avada> System Status check all the information, there you have good software tracks or parameters that you should still improve, like …

  • PHP version
  • Memory parameters of the php.ini file
  • MySQL version
  • … etc

Advanced theme features

We're already serious, so go to the menu Avada> Theme options and let's start really optimizing .

Here's what first is to disable the following options in Avada> Theme options> Advanced> Theme features :

  • Disable soft scrolling, an unnecessary JavaScript altogether
  • Disable CSS animations in mobile (less mobile) is more)
  • Disable CSS animations to the pa sar above a mobile image (mobile minus is more)
  • Disable the YouTube and Vimeo APIs, you do not need them, WordPress takes care of them thanks to oEmbed
  • Disable the Google Maps script (you will not need except for the map module, if you need it later you will activate it)
  • Disable the fast upload script above (pijada where they are)
  • Disable the fast script in mobile (idem)
  • Disable Fusion Slider . As long as you do not know which plugin of sliders you are going to use at the moment, deactivate everything. If later you decide to use this, you activate and deactivate it and you delete the rest.
  • Deactivate Elastic Slider, for the same reason as the previous one.
  • Deactivate unnecessary FontAwesome icons, in addition you lower the score in optimization analyzers [19659028] Disables Open Graph meta tags. Already generated by your SEO plugin, do not repeat them.
  • Disable rich snippets, better control them from each element of your website (WooCommerce, star ratings, etc.)

My advice here is that if you hesitate to deactivate. If then you miss something and activate it, and meanwhile you will be loading the minimum and managing your website more optimally.

Privacy also optimizes

One of the latest additions to Avada, which I especially liked, has been the privacy settings section.

In Avada> Topic Options> Advanced> Privacy we have a configurations that, in addition to helping us respect the privacy of our visitors will improve the burden of our website .

are two settings, I recommend you activate yes or yes:

  • Google Fonts Mode in Local , what Google Fonts stores locally. With this your visitors' data is not shared with Google and, in addition, the source load is local, which will improve your results on meters like PageSpeed ​​or GTMetrix.
  • Embeds Privacy enabled so that the embedded media (YouTube, etc.) does not collect traffic data from your visitors until they grant permission for it. This way the videos are not loaded, etc until the approval, which in turn accelerates the loading of your page.

CSS and JS compilation and cache

Other fantastic adjustments that Avada incorporates are the compiler of CSS and JavaScript files which allows to store dynamic CSS and JS files in static, cached files faster loading.

In menu Avada> Theme options> Advanced> CSS and Dynamic JS you have the settings to apply this own cache to this type of files.

Lightbox

Other the thousands of Avada features is the effect Lightbox which makes your linked images appear in a pop-up window.

And this functionality is susceptible to optimizations. Go to Avada> Theme options> Lightbox and deactivate the following options:

  • Lightbox in the highlighted images of the individual entries
  • Play the Lightbox gallery automatically
  • Title
  • Caption
  • Share social networks
  • Linking depth

In this way you deactivate unnecessary elements, accelerating the loading of the pages.

Presentations

In this feature we are basically going to deactivate the automatic script and "visual improvements" disabling all settings of the options you'll find in Avada> Theme options> Presentations .

Page in blog

[19659005] On the settings page of Avada> Theme options> Blog> General blog you have the option to set the paging method with these three possibilities:

  • P agination
  • Infinite Scroll
  • Load more button

Choose the first, paging, then the other two load additional scripts to each page of your web.

Individual entries blog

On page Avada> Theme options> Blog> Blog individual entry I recommend you only activate those boxes that are really necessary or contribute something to the entries. [19659005] Each box that is displayed requires queries to the data base, load of scripts and styles, that maybe you can save yourself and improve the load times of your articles.

Boxes that you can question deactivate would be …

  • Author information (almost always unnecessary)
  • Share box on social networks (if you already use a plugin for this utility)
  • Related articles (if you use any plugin for this)
  • Comments (if you do not use them or want to )

Comment rios en páginas

If you will not allow comments on pages go to Avada> Theme options> Extras> Miscelaneo and deactivate the box called " Comments in Pages " to not load a lot of elements that will slow down the loading of your pages.

Posts / Related projects

In this section, located in Avada> Theme options> Extras > Post / Related projects I recommend that you avoid the load of the script that adds mouse gestures, because for it you have the much more intuitive and visible, and optimal, little arrows of a lifetime.

Come on, what Set up like this:

Sponsor a rollover

Seriously, I'll give them to you. The rollover are those cool image substitution effects that they like and do not work at all.

Go to Avada> Theme options> Extras> Configure rollover for featured images deactivates all settings. If after a few days you notice that you sleep badly, that your life is a hell and you can not live without the rollover you activate them again, but if all this does not happen to you, you are free, you abandoned the dictatorship of the rollover .

I assure you, you can live without them, disable everything on that page of options.

Custom typefaces

One of the virguerías offered by Avada is the ability to customize fonts, and save them for later use. Really, do not do it, you have hundreds to choose from.

Take advantage of the typeface of the staff (thanks Ana for opening my eyes) and use typographies to which your visitors are used to seeing other websites, which you already have installed, they will always be the best option.

So if you go through Avada> Theme options> Typographies do not be tempted to make your own sources Ok?

No background image

Never, that is, you never need background images or patterns. Go to Avada> Theme Options> Background and deactivate the backgrounds. Nobody will see them and will unnecessarily account for the load of all your pages.

Another functionality that you will not need are Parallax or similar effects in the footer of your web page. Go to Avada> Theme options> Footer and deactivate all the effects offered by the theme, whether they are scripts or background images.

Slide bar

Another effect " cool " that you can avoid, really, is the slide bar on computers, totally unnecessary, which adds more weight to all your pages.

You can disable it in Avada> Options of the topic> Slider

Flipping with the title bar

Perhaps one of the most surprising features of Avada is the ability to customize the browser's title bar, something that will surprise family and friends but, as a now you can imagine, unnecessarily overloading the code of your website.

So go to Avada> Theme options> Title bar of the page and deactivate everything, do not load background images, nothing, remove everything and forget that There is this.

No background images in headers

Either in the main header or in the main header, do not ever think about uploading background images. The reason we have already seen in several of the previous points.


Well, and with this we have optimized Avada, but is there more?

Optimizes also Fusion Builder, the Avada layout designer

Also the page editor itself integrated in Avada is susceptible to optimization. These are improvements that will not affect the loading speed of the web but will reduce the consumption of resources on your server.

Go to menu Fusion Builder> Settings and follow these simple indications:

Prevent automatic loading of the layout

By default, Fusion Builder is automatically loaded, so optimize your resources and disable this feature.

Load only the modules you really need

Fusion Builder has dozens of modules but do you use them all? If you deactivate those that do not use the layout, it will consume less resources and load faster when you need it.

Use Fusion Builder only in the essential content types

Why load Fusion Builder on pages or other content if you're not going to use it there? Disable all types of content where you are not going to use it and improve the performance of your site.

Revolution Slider is not so bad either

And, also, the many times demonized Revolution Slider but ultimately beloved by the owners of websites that want fantastic sliders with layers of links and buttons, may surprise us.

In fact lately it has improved and includes optimization settings, you have in the administration menu Slider Revolution> Global Settings.

Just follow the indications of the following captures, configure it as it goes out there for optimal performance.

]

The only adjustment that can give you a problem is if you globally disable the JS libraries ( Include RevSlider Libraries Globally ). If after turning it OFF, you see that it does not load any slider, turn it back to ON.

Are these Avada optimization settings useful?

Of course, yes. Without applying other optimizations, only with these own adjustments of the theme and the layout will greatly reduce the loading times of websites made with Avada.

Here are some examples, measured in Pingdom Tools …