Oxygen WordPress Theme Coming Together

Oxygen Particles Coming Together – The Interactive 86

We’re moving closer to the Oxygen WordPress theme being complete — Colin has been working on the final touches to the theme this week, and then next week we should begin work on bundling it together as a downloadable product.
In the code lab this week, we built up our Lazy Loading feature for our Pegasaas WordPress Performance Optimization plugin.  As we get closer to July when Google folds the speed metric into its ranking algorithm for the mobile first index, everything that can be done to speed up the load time of the web page should be considered.

Transcript

Brandon Devnich: [00:00:02] Hey gang hope you’ve had a fantastic week.

Brandon Devnich: [00:00:07] It looks like summertime has finally arrived in Victoria British Columbia. It got so nice that the coastline here yesterday got to the point where we had to open up the doors and the windows got a little roasting. Hey, it’s Brandon Devnich from i3dTHEMES with this week’s Interactive number 86, where we share what we’re passionate about and what we’re working on in the design and code labs.

Brandon Devnich: [00:00:30] So in the clode lab this week, fantastic work on the Oxygen WordPress theme. Colin has been working diligently and very productive this week finishing up the Oxygen WordPress theme. Now he’s going to be using what’s called the Gantry framework. The Gantry framework uses, not quite widgets, but something called “particles”. It’s very much like a widget but it’s a type of mechanism within the gantry framework that operates like like a WordPress widget. But a different, more simplified way of working within the gantry framework. Colin has has been working on developing and configuring the particles so that the WordPress theme is easy for you, the end user to configure. And then coming up probably next week he and I will be working together to figure out how to package it up and put it into an online demo just like the rest of our wordpress themes.

Brandon Devnich: [00:01:28] In the code lab this week we have been focusing on the lazy load mechanism for the Pegasaas Accelerator WordPress plugin. Now, one of the things about lazy loading is that can really speed up your website if it’s done properly.

[00:01:45] If none of the images that are above the I should say if the images that are above the fold aren’t lazy load and everything is below easily the loaded your web page can load very fast. Because all the resources that could be maybe 1, 2, 3, 4 megabytes in size below the page haven’t yet loaded.

[00:02:08] This is one of the things John Mueller of Google has been mentioning recently about the speed signal that they’re going to be using as a part of the ranking algorithm and the mobile first index coming into play in July is going to be based off of aggregate data from the user data that they glean from the Chrome web browser.

[00:02:35] Now the Chrome web browser has different data points within it, as far as how quickly a page loadss the HTML, renders the document object and then load all the content. Now if your images don’t need to be loaded because they’re lazy loaded lazy load it means that they aren’t loaded until you start scrolling into view. Then it means that your web page load much, much faster and so this is of course one of the many different aspects that Pegasaas uses to make sure your web pages load as fast as possible.

[00:03:09] Image optimization is also one of them. Lazy loading, deferral render blocking resources, all these different mechanisms can come into play to make your web page load as fast as possible and as we move closer to July this will become even more pressing as we find the Google folds that signal into the ranking algorithm.

[00:03:32] And so as I mentioned this week Adam as been here helping me out on making the lazy loading features even more robust and we will be folding and those features into the Pegasaas plug.

[00:03:43] Next week, early next week I will be releasing what’s called version 1.6 of Pegasaas plugin which focuses on the data delivery mechanism of all the critical-path CSS, the Google PageSpeed scores… All the work, the heavy lifting that our API does and how it’s delivered to the plugin that is installed on your WordPress site.

[00:04:07] What we are finding is, more and more, those people that want to speed up their websites they want to speed them up because their websites are slow as in they take forever to load because they’re on slow web hosting.

[00:04:21] Now the first thing that we say when you want to speed up your website is make sure you have fast Web hosting and you can you can only speed up a two stroke engines so much. You know if you want to have a Lamborghini you’ve got to have a fast engine in it right. Same thing with web hosting. You don’t want to be on a shared hosting platform that has thousands of websites all running database intensive applications such as WordPress. You want to be on a system that delivers the web pages faster. You within a couple seconds. You don’t want to be waiting 6, 10, 15 seconds for your page to be delivered.

[00:04:59] And so what we’re finding is that many people that are have these slow servers say “I really have to speed up my website but I don’t want to take that step to go and speed up the hosting. We just want to make it fast, magically.” Well that’s what Pegasaas is for and Pegasus can speed up the web hosting.

[00:05:18] But what has happened is that Pegasaas being a super-fast API, has been delivering the information back to the requesting server too fast, and overloading the web servers so you know you get your slow web server and places. Sure we can do all that for your really really speedy like. And here you go. Here’s all that information. And the website’s server is going no no no no no too much!

[00:05:44] So we had to build a mechanism to drip feed those web servers that are slower than they really should be so that we can still optimize. It’s just going to take a little bit longer for those slower web sites to optimize to get all the critical path CSS, to find out how your pages are scoring. But that’s okay. You know, tortoise and hare, you know often the tortoise will win the race. But sometimes slower is a little bit better especially if you have a really slow web server.

[00:06:21] So that’s what we’re working on for version 1.6. We’re going to be deploying that out early next week and we’re going to be folding in the updates that Adam has been working with me on this week. We’ve also been vetting a couple of different themed frameworks and different hosting platforms this week. Kinsta and SiteGround as hosting platforms. Themify was one of the theme frameworks that we’ve been working with and just going through and finding … “Why did you guys do that way?! OK let’s figure out a way to make things work and be optimized properly.”

[00:06:56] And so we’re going to be you know folding in those sort of conditional fixes into the, we’re hoping 1.6, but it might be  1 .6.1 coming in probably about midweek next week anyway.

[00:07:11] I hope you had a fantastic week. We should have here in Victoria B.C. The Sun has been shining so bright this week so hot. We like we’ve had to open up our our windows and our doors which is unusual for April and it might mean that we might get out for a little bit of golf starting next week.

[00:07:30] Actually I think Colin. Yeah Colin snuck out on Tuesday for a little bit — little jealous here! But I had just too much work to do and it was I think I’ll see if I can join him next week.

[00:07:41] Hope you have great plans for the weekend ahead. Thanks so much for joining me and we’ll talk to you again next week. All right, bye.