10 Tips To Optimize Mobile Site Speed

/in /by

Will you lose customers while your mobile pages slowly load, or will you gain loyal followers as you optimize mobile site speed? The choice is yours, but Google plans to add mobile website speed to SERP ranking, so wise businesses are moving to optimize mobile site speed now. The majority of consumers are mobile and they expect mobile sites to be quickly accessible, some experts say within one second. Follow these steps to appease the need for speed (and overall responsive web design).

Minimize to optimize mobile site speed

1. Minimize image size

Images take longer to load than text, so make sure your image size matches the available space. Reduce the image resolution as much as you can without sacrificing quality. Crop images for a perfect fit, and compress them with a jpeg type file.

2. Minify resources

To minify, you delete or compress unneeded resources while maintaining processing efficiency. This refers to code and formatting in the form of HTML, CSS and JavaScript. Google Developers recommend a range of tools and server modules to address minification and help you optimize mobile site speed.

3. Reduce blocking JavaScript and CSS

The initial render should only use JavaScript and CSS files necessary for loading above the fold content, and defer the ones that block or reroute content. This allows viewers to immediately see the top part of your page while the rest of your page loads. Avoid or inline external files that send requests out to the network, as they eat up valuable time.

4. Slash and delay above the fold content

As mentioned above, initial content will load faster when there is less data involved. Consider saving images and other time grabbers for below the fold positions. Structure your website to load main content before widgets and sidebars to optimize mobile site speed.

5. Compress files

Smaller files mean faster network transfers, which will speed up loading times. Gzip can be enabled in the web server configuration, and accounts for up to 90% file size reduction. This leads to a quicker first render, and your viewers will use less data too.

6. Trim or omit video

Videos take up the most room on a website, and are the biggest culprits when pages load slowly. If video is not integral to your site, eliminate it completely. Other options include loading it in the background, or only running it on your desktop site. Some mobile sites use a call to action button that either links to a video hosting site like YouTube, or routes the video file to the user’s email address.

7. Remove redirects

Redirects require extra processing and delay page loading. An example is when a mobile viewer is sent to your desktop landing page and then redirected to your mobile landing page. Hosting your mobile and desktop sites in the same location is one way to address this. Many websites prefer using a responsive design that responds and changes to any size device screen to optimize mobile site speed.

Modification for optimization

8. Choose plugins wisely

Plugins can cause your mobile site to lag or crash, as well as induce security concerns. Not all plugins are well conceived, so select carefully. Take time to research and make sure the plugins you pick are up-to-date, have a lot of positive customer reviews, and have a high number of downloads (thousands are better than hundreds). Run tests to determine if a plugin affects your site speed, and weigh the pros and cons.

9. Enhance browser caching

Mobile caches cannot hold large amounts of content, and this slows down mobile site loading speed. All resources for your site should have a caching policy in place. This allows reusing of previous responses whenever possible, cutting down on retrieval time to optimize mobile site speed.

10. Utilize a CDN

A content delivery network (CDN) disperses the weight of your website across a network of servers around the world. Users receive your content from the server that is located closest to them. The shorter the distance between user and server, the faster your content loads.

Put your mobile site to the test

In addition to these steps, Google’s TestMySite online tool checks the mobile-friendliness, mobile speed and desktop speed of any website. The results include a number grade up to 100 for each of the three categories, and a list of fixes to optimize mobile site speed in that specific area. You can also request to receive the report via email.

Optimize Mobile Site Speed

Mobitest is another online tool for finding the speed of your site, and tests strictly for mobile. You can choose between several devices to test on: iPhone 5s, Galaxy S5 or iPad Air. Load time, page size, waterfall chart and screenshot are displayed on the results page.

GTMetrix tests the speed of your site on either Firefox (desktop) or a Galaxy Nexus (mobile). After registering, you can generate a performance report with percentages and letter grades for pagespeed score and YSlow score, as well as results for page load time and number of requests. GTMetrix also breaks down your performance scores into subcategories with suggestions for correcting low scores.

The average person uses a mobile device more than 150 times a day, and as mobile’s popularity continues to grow, so does the need to optimize mobile site speed. Reducing or eliminating some features, changing others, and periodically testing and updating your mobile site will keep it optimized. More than a “mobile friendly” site, you’ll have a mobile site built for speed.

5 WordPress Website Themes To Use In 2016

/in /by

Finding a needle in a haystack might seem easier than choosing from the staggering collection of available WordPress website themes. That job becomes a lot easier with careful consideration of your website’s purpose and priorities. Use this rundown of features in five important WordPress website themes to determine what’s best for your site.

5 important WordPress website themes

While WordPress website themes come in free and premium editions, those listed here are all premium. Due to their price point, there is a glut of websites using free themes, while a premium theme offers more features and customization to set your site apart. Customer support is multifaceted for premium themes, including email, chat and public forums. Premium themes are updated more often, usually periodically, so security issues are identified and patched.

1. Avada

Avada

Avada by Theme Fusion is one of the best-selling WordPress website themes, known for excellent customer support. The visual page builder allows for fast and easy customizing with no coding necessary. Avada offers full responsiveness, optimized speed, auto theme updates and 2D/3D layered sliders. It has five custom headers, a built in SEO plug-in, and is optimized for speed.

2. X Theme

X by Themeco is one of the most customizable WordPress website themes available due to its stacks, which are four exclusive designs in one, rather than a few standard layouts. Drag and drop page builders make everything customizable without coding, including logo, font, color, menus, sidebars and headers. The live previewer ends the need to constantly refresh, granting intuitive front-end editing. Along with SEO readiness, X also brings custom extensions, Responsive Visibility, and optimized speed.

3. Enfold

Enfold

Enfold by Kriesi has been called one of the most user friendly WordPress website themes out there, with 18 predefined skins for non-coders to insert their own information. The drag and drop templates support customizing layouts, typography and color, with options for audio and video. Enfold is optimized for SEO, high resolution, and 2D/3D layers. It is responsive for any size screen and optimized for speed.

4. Jupiter

Jupiter by Artbees is known as a one size fits all WordPress website theme. Now on version 5, Jupiter’s modular composition, reduced file size and total number of files have improved the loading times. Users find numerous drag and drop variations for customizing layouts, headers, post types and content importers as well as a background customiser using color gradients. Features include SEO readiness, Edge Slideshow, adaptable responsiveness, and 50 templates.

5. Salient

Salient

Salient by ThemeNectar is one of the most innovative WordPress website themes, giving websites a creative edge. The visually enhanced features include video backgrounds, sliders, and a custom homepage that lays out all parts of the website in an array. SEO compatible and speed optimized, Salient contains 350 icons and eight page layouts formatted for any size screen.

How to choose?

With so many features available in these WordPress website themes, pinpointing priorities can be difficult. Website speed should be near the top of your list; if your site takes too long to load, viewers will give up and Google will assign a low rating. Sluggish themes are characterized by an overload of features and too many large files. Focus on the features that best characterize your business, whether flashy background videos and sliders or simple customized colors and headers, and choose a theme that specializes in those particular components.

User experience goes hand-in-hand with speed, since the purpose of having a website is to attract users. Ease of use can make or break your site, so limit complicated features. Smashing Magazine suggests experimenting with demos to get a feel for each theme: “Do you get a headache looking at it? Does it excite you?” First impressions are important, and your first impression should be a positive one.

Just like looking at a model home, however, a theme demo can distract you with a beautiful set-up that has nothing to do with your needs. Look for demo features that will fit your purpose and content. Make sure positions and sizing of logos, headers and text blocks fit your requirements. A live preview admin area will allow you to test-drive the demo for a better idea of how it meets your specifications.

All of these WordPress website themes demonstrate SEO compatibility, responsiveness, optimized speed, customizable design and easy-to-use drag and drop options to various degrees. Your priorities and personal impressions will determine the best fit for your website (your needle in the haystack).