Connect with us

NEWS

WordPress Gutenberg Improved Site Performance

Published

on

WordPress caching plugin publisher WP Rocket redesigned their site with Gutenberg and improved site performance. They found that Gutenberg writes surprisingly light code but shared that there are a few things to watch out for.

Screenshot of PageSpeed Insights Score

Screenshot of Page Speed Performance score of 97 out of 100

Editing in Gutenberg is Easier

The goal for Gutenberg has consistently been to create an editing interface that will make it easy for publishers of all skill levels to publish websites.

Creating an intuitive interface lowers the barrier to entry, empowers almost anyone to easily create a web presence and best of all, it helps content creators stay focused on creating content instead of curating and worrying about code.

According to the official WordPress Gutenberg page:

“Without being an expert developer, you can build your own custom posts and pages.”

The WordPress developer page outlines the Gutenberg vision like this:

“Gutenberg reshapes the editor into a tool that allows users to write rich posts and build beautiful layouts in a few clicks — no technical knowledge needed. WordPress will become a powerful and flexible content tool that’s accessible to all.”

The editor uses a concept called “blocks” that can be arranged to form a custom layout.

Advertisement

This focus on making it easy for anyone to focus on content explains why the marketing team at WP Rocket instantly appreciated the new interface.

According to WP Rocket:

“Switching from the Classic Editor to Gutenberg has been effortless for the marketing team. What’s more, we started to enjoy some features that make our job easier and faster.”

Screenshot PageSpeed Insight Score of Home Page

Screenshot of Page Speed Performance score of 98 out of 100

Building With Gutenberg Improved Performance

WP Rocket reports that building a site with Gutenberg resulted in a faster and better performing website.

There were two reasons for why the pages WP Rocket built with Gutenberg performed exceptionally:

  1. Lighter HTML (built-in to Gutenberg)
  2. On-Demand CSS and JavaScript (not a Gutenberg feature)

Lighter HTML code is an out of the box feature for Gutenberg.

On the down side, the loading of unnecessary CSS is also a baked-in feature of Gutenberg. Because of that, WP Rocket created a workaround in order to automate on-demand CSS.

Gutenberg is designed to load all CSS that is necessary for every style block. So the first challenge was to create a way to load JavaScript and CSS automatically and only when needed.

Advertisement

Gutenberg is Surprisingly Robust

Frankly, I was a little astonished that WP Rocket went all-in on Gutenberg. The reason for my astonishment was because Gutenberg is not entirely finished.

The full site editing experience is not due to roll out until June 2021. Yet WP Rocket found that redesigning their entire website with Gutenberg was the right choice.

I asked the WP Rocket Team to share their experience.

Interview with WP Rocket

Gutenberg WP Rocket

Did the development team face challenges and have to come up with workarounds to deal with them?

“Yes!

First off, we had zero development experience with Gutenberg custom blocks, and everything we read on the topic was very discouraging at first.

Needless to say, the learning curve was quite steep.

Advertisement

For specifics: as a caching plugin, one of our major development concerns was the need for performance. In that regard, a drawback exists with Gutenberg: the default style sheet contains all the native blocks’ CSS.

This was an issue since unused CSS is loaded on all pages (and this does not follow the “Removing unused CSS resources” PageSpeed Insights recommendation).

In our case, we deprecated several blocks that were not used. We created a custom enqueue system to have CSS & JS loaded block only when needed. It took us just a few minutes to develop this system.

We also decided not to use the Gutenberg CSS file. Instead, we “migrated” the CSS we actually needed into our own style sheet, into a dedicated CSS file. That did the trick.”

Does Gutenberg feel like it’s complete and ready for production sites?

“Well, we managed to build our site with Gutenberg (bar the header and footer). I think that says something about how Gutenberg has evolved and its readiness.

With the Full Site Editing planned in June 2021, I believe that one will have the ability to edit all elements of a site using Gutenberg blocks.”

Advertisement

Was there a learning curve to using it?

“Absolutely. And I think that will be the case especially for those used to visual page builders.

That said, we were pleasantly surprised by how visual Gutenberg actually is. The back-end gives a great preview of the front-end meaning that even for non-techie people -like myself – it’s easy to make some changes to a page or build new pages from scratch.”

With the knowledge now gained from your experience, what advice do you have for those contemplating a switch to Gutenberg?

“Go for it!

Our two main takeaways were the following:

  1.  Start working on your new web design with Gutenberg in mind. It will save you a lot of time, and you’ll end up being more efficient. (This is not something we did because we started the design without having made up our mind about the editor…)
  2. Carefully consider how many blocks you need according to your business. Think about whether or not they all have to be custom. Blocks make a real difference when using Gutenberg. (We came up with over 20 custom blocks which is far from the average. You might just need a couple).

What are the top considerations to think about before switching to Gutenberg?

“Gutenberg is not necessarily for everyone.

If you’re fine with a free theme as it is, then it’s great. You can create all the blocks you want and enjoy Gutenberg.

However, if you want a specific design and specific blocks, you will need a developer to help you with the layout. It probably won’t take you as much time as it took us.

Advertisement

Still, it will make the development of your new website longer and pricier than usual, since you will need some help. You should also be aware of the steep learning curve ahead of you.

That said, Gutenberg is really at the heart of WordPress and, every day, contributors work to improve it.

When choosing another option, you run the risk of it not being updated when WordPress makes a change. Also, it will always be easier to find someone to help you with a WordPress site built with Gutenberg.

We believe that Gutenberg is the future of WordPress, plus it’s free and open-source.”

What kind of publishers should think twice about switching to Gutenberg?

“This is something we mention in our blog post:

If you’re a freelancer or run a small company, you could still be fine with a page builder that doesn’t require any developer help or extra cost.

Advertisement

If you run a bigger company and need a specific development — then yes, Gutenberg is the right solution for you, with no further hesitation.”

WordPress Gutenberg is the Future

WP Rocket makes a valid point when they state that Gutenberg is the future. The goal is to allow publishers to focus less on the code and more on the content. Gutenberg full site editing is currently scheduled to debut in June 2021.

Thanks to WP Rocket taking one for the team, we now know that Gutenberg really does have a promising editing user interface and may help to improve site performance.

Citation

Read the WP Rocket article about redesigning their website using Gutenberg:

Why WP Rocket Chose Gutenberg and How Performance Improved

Searchenginejournal.com

Advertisement
Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

FACEBOOK

Facebook Faces Yet Another Outage: Platform Encounters Technical Issues Again

Published

on

By

Facebook Problem Again

Uppdated: It seems that today’s issues with Facebook haven’t affected as many users as the last time. A smaller group of people appears to be impacted this time around, which is a relief compared to the larger incident before. Nevertheless, it’s still frustrating for those affected, and hopefully, the issues will be resolved soon by the Facebook team.

Facebook had another problem today (March 20, 2024). According to Downdetector, a website that shows when other websites are not working, many people had trouble using Facebook.

This isn’t the first time Facebook has had issues. Just a little while ago, there was another problem that stopped people from using the site. Today, when people tried to use Facebook, it didn’t work like it should. People couldn’t see their friends’ posts, and sometimes the website wouldn’t even load.

Downdetector, which watches out for problems on websites, showed that lots of people were having trouble with Facebook. People from all over the world said they couldn’t use the site, and they were not happy about it.

When websites like Facebook have problems, it affects a lot of people. It’s not just about not being able to see posts or chat with friends. It can also impact businesses that use Facebook to reach customers.

Since Facebook owns Messenger and Instagram, the problems with Facebook also meant that people had trouble using these apps. It made the situation even more frustrating for many users, who rely on these apps to stay connected with others.

Advertisement

During this recent problem, one thing is obvious: the internet is always changing, and even big websites like Facebook can have problems. While people wait for Facebook to fix the issue, it shows us how easily things online can go wrong. It’s a good reminder that we should have backup plans for staying connected online, just in case something like this happens again.

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

NEWS

We asked ChatGPT what will be Google (GOOG) stock price for 2030

Published

on

We asked ChatGPT what will be Google (GOOG) stock price for 2030

Investors who have invested in Alphabet Inc. (NASDAQ: GOOG) stock have reaped significant benefits from the company’s robust financial performance over the last five years. Google’s dominance in the online advertising market has been a key driver of the company’s consistent revenue growth and impressive profit margins.

In addition, Google has expanded its operations into related fields such as cloud computing and artificial intelligence. These areas show great promise as future growth drivers, making them increasingly attractive to investors. Notably, Alphabet’s stock price has been rising due to investor interest in the company’s recent initiatives in the fast-developing field of artificial intelligence (AI), adding generative AI features to Gmail and Google Docs.

However, when it comes to predicting the future pricing of a corporation like Google, there are many factors to consider. With this in mind, Finbold turned to the artificial intelligence tool ChatGPT to suggest a likely pricing range for GOOG stock by 2030. Although the tool was unable to give a definitive price range, it did note the following:

“Over the long term, Google has a track record of strong financial performance and has shown an ability to adapt to changing market conditions. As such, it’s reasonable to expect that Google’s stock price may continue to appreciate over time.”

GOOG stock price prediction

While attempting to estimate the price range of future transactions, it is essential to consider a variety of measures in addition to the AI chat tool, which includes deep learning algorithms and stock market experts.

Finbold collected forecasts provided by CoinPriceForecast, a finance prediction tool that utilizes machine self-learning technology, to anticipate Google stock price by the end of 2030 to compare with ChatGPT’s projection.

According to the most recent long-term estimate, which Finbold obtained on March 20, the price of Google will rise beyond $200 in 2030 and touch $247 by the end of the year, which would indicate a 141% gain from today to the end of the year.

2030 GOOG price prediction: Source: CoinPriceForecast

Google has been assigned a recommendation of ‘strong buy’ by the majority of analysts working on Wall Street for a more near-term time frame. Significantly, 36 analysts of the 48 have recommended a “strong buy,” while seven people have advocated a “buy.” The remaining five analysts had given a ‘hold’ rating.

Advertisement



1679313229 737 We asked ChatGPT what will be Google GOOG stock price
Wall Street GOOG 12-month price prediction: Source: TradingView

The average price projection for Alphabet stock over the last three months has been $125.32; this objective represents a 22.31% upside from its current price. It’s interesting to note that the maximum price forecast for the next year is $160, representing a gain of 56.16% from the stock’s current price of $102.46.

While the outlook for Google stock may be positive, it’s important to keep in mind that some potential challenges and risks could impact its performance, including competition from ChatGPT itself, which could affect Google’s price.


Disclaimer: The content on this site should not be considered investment advice. Investing is speculative. When investing, your capital is at risk.

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

NEWS

This Apple Watch app brings ChatGPT to your wrist — here’s why you want it

Published

on

Apple Watch Series 8

ChatGPT feels like it is everywhere at the moment; the AI-powered tool is rapidly starting to feel like internet connected home devices where you are left wondering if your flower pot really needed Bluetooth. However, after hearing about a new Apple Watch app that brings ChatGPT to your favorite wrist computer, I’m actually convinced this one is worth checking out.

The new app is called watchGPT and as I tipped off already, it gives you access to ChatGPT from your Apple Watch. Now the $10,000 question (or more accurately the $3.99 question, as that is the one-time cost of the app) is why having ChatGPT on your wrist is remotely necessary, so let’s dive into what exactly the app can do.

What can watchGPT do?

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending

Follow by Email
RSS