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.
Building you website with the user in mind is always a great way to lead design. Tailored content and strategic des… t.co/Zkz8wHzQEp
We're hiring a #WebDesigner! If you have 5+ years of experience & enjoy crafting beautiful impactful experiences fo… t.co/JCckMlfFcN
Do you have a click strategy for #EmailMarketing or are you basing campaign success on open rates?… t.co/dsfgIcyjzJ
#Google recently presented its latest product releases & features at a live event & we were there! Read the recap i… t.co/n9ULUCAIxV
Cognitive science provides insight into how people process information and make decisions. This can help designers… t.co/lB1bEHFo0f
RT @magento: "More than half of organizations said integration with legacy technologies is hampering their adoption of e-commerce tools..."…