The goals for Drupal migration and website redesign projects vary. Often, the goal is to achieve one or several measurable results related to the website's users: customers, members, or constituents depending on the industry. Included in most website redesigns is a goal to move toward an interactive web design with animations and parallax effects as a way to immerse visitors in a modern experience. Rarely is website performance and speed a paramount consideration - it is at New Target because we understand the impact page load speed has on users and the impact it has on Google's search ranking.
Recently we used Material Design as a guiding design pattern in a website redesign project to great effect and positive results. Material Design allowed us to simultaneously get back to basics while also incorporating the most appealing elements that web design, in 2017, has to offer. Material Design takes elements like typography, space, and color and uses them to guide users in a subtle way - often times graphics, animations, and movement play a key part by mimicking reactions in the physical, or material world. During our design prototyping and development phases, we understood that much of the design needed to be optimized to produce a good page load speed and lead to a positive user experience.
During website prototyping we had to face a few facts. The good news: The website is beautiful. The bad news: It was loading slowly. The mission: To enlist our web team for a search and rescue mission to increase page speed. After a bit of investigating, we found a number of issues that were causing the page speed decreases. By initiating the tasks below, we doubled the page speed to an excellent score of 85 in Google PageSpeed which yielded a host of benefits, including the eventual increase of the website's organic search rankings significantly.
So, how did we do it? Here are just a few of the modifications we made during development:
· We replaced CAPTCHA with another spam protection, Honeypot. CAPTCHA disables page caching because the code has to be regenerated for each visitor.
· We compressed the images by using Image API Optimizer which compresses the styled images automatically in Drupal-based websites.
· We compressed the resource files as a gzip. Gzip compresses web pages and style sheets before sending them to the browser.
The moral of the story: Regardless of if you are going through a website redesign, make use of the tips and tricks above when aiming for a high (>85) score in Google PageSpeed. By making a few adjustments, it is possible to have a stunning web design, enhanced functionality, animations, and an impressive PageSpeed score as well that will get that stunning site noticed.
Headquartered near Washington, D.C., with offices in Los Angeles, CA, New Target provides digital strategy, web design, web development, data integration, application hosting, and online marketing for prominent national associations, corporations, and government.
Retailers are seeing positive results with #Pinterest Shopping Ads. They expanded the offering to more retailers to… t.co/YDky20sfpM
What is a style guide and why do you need one for your website? Read our new Web Insights Blog post: From Content t… t.co/9X0TbpcA8F
With the growth of #mobile usage among consumers, mobile messaging apps continue to grow, bringing a #marketing opp… t.co/1niHilvl9h
RT @googlepartners: A rule of thumb for mobile sites: "faster is better, and less is more." Learn more » t.co/EDoq3aIEWx t.…
Yes, being able to personalize a message can be very effective for brands, but what happens when these messages are… t.co/bo3VgDkcqs