Monthly Archives: January 2018

WordPress Page Loading Speeds and Google Search

Building a blog site recently gave me this opportunity. After constructing a draft blog site using WordPress, I took the time to add it to my Google “Webmaster Toolbox” portfolio to see how Google perceived these pages from a loading speed perspective as opposed to my previously built custom websites and I was startled to see the results. First off, the Google search engine likes to see pages load in around 250 milliseconds or better. These custom sites built previously had no issues with this speed requirement. My primary one loaded on average at 175 milliseconds per page and the second at 186 milliseconds per page respectively.

Then I looked at the recently created WordPress blog site and it came in at a whopping 1,950 millisecond average load speed per page. This would be a totally unacceptable page load speed in Google’s eyes and this site would obviously be penalized in their search engine rankings as a result. Not to mention, people would often just give up waiting for the page to render and would go elsewhere instead, costing the site owner a potential sale. A real shame after doing the marketing work to bring them to your site in the first place.

This got me thinking about why this problem was occurring as I definitely want to improve on these averages with the WordPress site recently constructed so I went to an online tool that one can use to test your webpage load speeds and get some detailed analysis as to what is causing the slowness on the site’s pages. This tool by the way is provided by a company called Pingdom Tools who can be found on the Internet.

After researching my page load issues using the tool, I realized that my approximate 8-10 second load speeds were being caused by excessive imbedded JavaScript callouts to 3rd party plugins while my page was trying to load and thus, the loading of this external code into my page while the page itself was trying to load; was bringing my page load performance to its knees.

This led me to the Google Developers site to look for solutions to these problems and it actually did not surprise me to learn that the primary culprit causing the slowness of my page loading was that my pages were using a lot of “WordPress” plugins. In fact, just having fun with WordPress plugins, I had used them for everything and had as a result, activated about 26 of them on my site to provide all the features I wanted to have on my blog site pages – and several of these were activated to work with a WordPress “Theme” that I had purchased from a 3rd party vendor. The Google Developer site went on to say and I will directly quote a couple excerpts from their site here:

“Avoid Plugins: Plugins help the browser process special types of web content, such as Flash, Silverlight, and Java. Most mobile devices do not support plugins, and plugins are a leading cause of hangs, crashes, and security incidents in browsers that provide support. Due to these concerns, many desktop browsers restrict plugins.” They go on to say that “Most content that once required plugins can now be created using native web technologies, including content requiring first-class support for audio and video, advanced graphics, and presentation effects, network connections, local storage and file access.” Using these web platform features will help ensure that your rich content can be accessed on all devices.”

WordPress Page Loading Speeds Where Plugins

This strategy sound in business concept as it allows WordPress users to easily and quickly create some very nice looking websites where they can add website functionality and features even if they do not have very good coding skills, is still however, flawed architecturally as these plugins are enabled through the use of JavaScript callouts which need to pull in the full plug-in code for each 3rd party widget being used on a particular web-page each time that web page is loaded. This causes two things to occur on each page load that significantly reduces the speed of page loading:

First, you are not just loading the native programming logic to the web page that you built and that resides on your server only. You are forced to callout out to potentially dozens of external locations both on your server and on 3rd party servers in order to fully render your web-page which causes lag-time issues and time delays in loading the page.

Second, when you load the plugin, you have to load it as written by the 3rd party which often means that you are loading code that has a number of configurable options that you are note even using for the method in which you are using the plugin. This is a lot of extra programming code being loaded with each page rendering that you don’t need and it tends to make your web-page very “fat”, often putting the page into the 2-4 megabytes of code loading ranges whereas most custom coded pages are loading at under one megabyte of code. The fatness of these pages also impacts negatively on the speed of the web page rendering.
Google and browser manufacturers have already begun to penalize website owners for the use of JavaScript callouts on websites through certain strategies of their own. Browser manufacturers such as Chrome and Firefox for example, are limiting the enabling of some plugins on their platforms, mobile devices in most cases simply won’t run them, and Google penalizes you by not letting your site be found easily through their search engine. I tested the mobile device rejection of plugins with the draft WordPress site I had created by trying to load the page on my cellphone. After waiting over 40 seconds for the page to load, the device just rejected the load entirely, leaving me in limbo looking at a blank screen. This is why it is recommended to limit your use of plugins and eliminate them from your site over time if you can. Move to native coding strategies on you website wherever possible.

Creating Responsive Web Designs

When designing websites, we keep in mind the specifications required for mobile phones, tablets, laptops but we totally forget about the giant-sized desktop screens. Even though we like to think these giant-sized desktops have become obsolete, such is not the case.

There still exists many such people who rely on the bigger screens for website viewing but face problems for the not-so-developed responsive web design versions for desktops. Some of the issues are highlighted below:

Background images designed for smaller screens tend to leave extra space
Font size becomes tiny and can’t be read easily.
The body text columns are too wide making it tough to read.
Full-screen background problem
These and many other problems arise because developers and designers overlook the need for bigger resolution responsive web designing or perhaps concentrate more on designing websites to fit the smaller screens.

Background-image problem

The only solution for background-image problems to use a big full-screen image preferably pixelate or having no focal point along with a stylish font overlay and large sized radio buttons. But the problem is image distortion. Desktop screens come in varying resolutions ranging from 800*600 to 2560*1440 and even bigger. So while one keeps increasing image size, it may look appealing up to a specific resolution, but when it starts becoming pixelate and loses focal points, it’s advisable to adopt a better solution. So instead of increasing image size, why not utilize the extra space in some innovative way and enhance user experience on desktops?

Optimal readability experience

For optimum reading, the usual number of characters added per line can be from 65 to 75. Anything wider than that becomes difficult to read. One idea is to use centrally divided responsive web design layouts and column layouts. With the help of this, developers succeed in creating designs that keep the users glued to the site hungry to read more.

Centrally divided responsive web design layouts

A responsive web design layout having web pages vertically divided into two halves can solve the problem of extra space. Both the halves have different content in different color making the page interesting and intriguing. The design also helps users to identify their area of interest and sometimes the two halves can be scrolled independently or one maybe fixed and the other scrollable. It successfully utilizes the extra space in best way possible, adding more information and enhancing user experience on large desktops.

Conclusion

Developers must pay equal attention in creating responsive web designs for both mobile phones and larger desktops because even if it might seem that the whole world is using mobiles, it isn’t true.The role of designers and developers is to create unique responsive web design layouts that can give users impressive experiences irrespective of their choice of screen resolution.

Hiring Professional Web Design Companies

Planned and Strategic Approach

The professional companies that offer web design services have a well-organized team who is experienced in the practices of dressing your website with a professional look and features. This can be understood as implanting it with a motivation, appropriate messaging and organized arrangement of design and feature elements to assist you in attracting large traffic. Also professional web design companies understand the real value of lead conversion in your business. Therefore, they are skilled in adding the appropriate components which make easier to keep visitors long enough and convert them into valuable customers.

Compatibility with New Technologies

The web designs are often redefined. Today the websites must be flexible enough to become accustomed to these new changing demands and remain relevant in the market. A responsive web, minimalist design, browser-less content is some of the latest terminology that is being connected to Web Design. Companies offering professional web services are familiar with these evolutionary phrases and have the essential skill sets to easily revise your website in order to make it contextual.

The experience and expertise they use to improve your website using appropriate content, design and technology can benefit your business.

Create Quality Content

Content is king. Content is the voice of your business’s website. Therefore, it is very important to have quality and relevant content to draw the attention of your targets. A Specialized Web design Company is familiar with the need of carrying out relevant research for getting aware of your audience and their requirements. Web designing companies leverage their expertise and experience and make use of the right language, format, tone and style to develop relevant and quality content for the right audience.

Developing improper content will eventually result in poor user experience since the audience will be incapable of finding out the necessary information and thus make them move away. Hence, to sustain the interest of audiences, the correctness of content is very important.

Benefit SEO services

A fine design and helpful content are of no practical use if people can’t find you. Efficient SEO practices should be applied for reaping good traffic for your website. Companies offering professional web design services are skilled in creating successful SEO strategies which can assist you in marketing your website effectively. They carry out comprehensive research in recognizing the appropriate keywords and make use of them carefully within your content and get good rankings in the search result pages.

Less time-consuming

Hiring a professional web design company to develop your website can help you save a lot of your precious time, effort and money as well. Skilled professionals with an expert staff carry out all your work. With their experience and expertise, they can help you in achieving your goals and objectives in less time. They also keep updating you about the progress and performance of the website. And they are always there to clear your doubts and queries.

To Conclude

Creating a good looking website is not enough in today’s competitive business world. A technically advanced site with quality content, professional look and effective SEO strategies will help you achieve your goals and objectives.