.svg)
.svg)
.svg)
Some Recent Thoughts...
Juicy Tidbits Without the "Tech Speak"
A compilation of ramblings about everything from HubSpot CMS development to data architecture, integrations and all the tech stuff you never knew you needed to know.
memeify the blog!
Blogs Listing - UPDATE 2024 (Jordan)
How to Organize a Mega Menu for IT Managed Services Company
Here's how to organize your mega menu for IT managed services companies.
Website Bounce Rate: 6 Things Sending People Away from Your Website
A high website bounce rate will tell you a lot about conversion opportunities. Here are 6 things that could be sending people away from your website:
Page Speed Optimization: 5 Factors Bogging Down Your Website
When it comes to page speed optimization, your load times matter. Here are 5 things that may be causing website bloat.
5 Website Optimization Tools to Boost Conversions
More than SEO: Here are our top website optimization tools for increasing conversions and optimizing your website.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n\n![\"Charlie](\"https://i.imgflip.com/1itoun.jpg?a463920\")
Planning and organization are everything here.
Here are a few things you need to know when it comes to learning how to organize a mega menu in the IT Managed Services industry:
\nBuyer Personas & Industries
\nIT Managed Services Companies usually have a few different buyer personas, depending on the types of businesses they serve. They might be talking to an IT Director or CTO, an Operations Manager or a business owner. The daily focuses and concerns for each of these roles are all totally different.
While a high level Chief Technology Officer or Chief Information Office may be focused on evolving technology or business continuity, an Operations Manager or COO might be focused on employee efficiency or customer service. All of these personas will be a bit bottom-line driven, but none more than the CEO or CFO inside an organization. The executive and management levels at these companies may work in any different industry and have varied responsibilities based on their unique role in the organizations. These are important CTAs to consider, in addition to any industry verticals that you may want to address whose focuses might be even more specific.
If you have specific industries you specialize in like Construction, Nonprofit or Real Estate, you’ll want to break these down in your mega menu. While most IT professionals and Managed Services companies understand that a blanket proactive approach to IT can be applied across industries, it does make professionals feel good when they know that a vendor has experience in their particular industry.
Content Categories, Symptoms or Benefits
\nYou’ll want to make sure that you categorize your content with symptoms and benefits, for your top-funnel prospects that are not as well versed in your service offerings. Ask yourself: What are the categories of content that you’re writing about for your audience? These might correlate with your services, which you’ll list separately, but might more directly speak to the issues or symptoms that your prospects or buyer personas are suffering from. Categorizing your content by the types of problems that your prospects are trying to solve is a great way to guide them down further into their buyer journey by speaking to their problems directly.
For a Managed Services Company mega menu, you might want to include items like, “Employee Efficiency, Disaster Recovery Planning and Malware & Virus Protection,” rather than industry specific services like, “Business Continuity” or “Technology Planning” or “Security Services” - speaking to symptoms or benefits helps avoid jargon and keeps the benefit or chief concern front and center - which is usually the best option for prospects that still find themselves early in the decision making process.
Services
\nListing your services by the names they’re recognized for in your industry is still important for prospects at the bottom of the funnel or referral resources that need a quick understanding of what you do. If you don’t have enough space in your navigation to address both, symptoms and services you can use some real estate in your mega menu for a short description sentence that outlines the benefits or symptoms associated with your service lines to combine the last point with this one.
For the IT industry specifically, services terms like Business Continuity and Cloud Services may resonate with well-qualified prospects like an IT Director, CTO or CIO while the more general symptom-specific categories listed above might appeal more to an Operations Executive, CEO or Management Level prospect or buyer that is less familiar with the offerings associated with the Managed Services industry. Your mega menu has the ability to address both with either separate categories or additional areas for descriptions.
Icons
If you don’t have much real estate to offer descriptions or just want to add a little extra flair to your mega menu, Icons are a great way to help a prospect further understand information in the services section. It can also help provide a graphical representation for top-funnel prospects if they’re unfamiliar with industry jargon.
For Managed Services companies, a shield to indicate security protection, a cloud for cloud hosting, a phone icon for VOIP services — there are a number of icons to help further explain your services without using too much additional real estate on lengthy descriptions. Icons can say a lot, keep things clear and concise and direct your buyers easily.
Tools or Resources
\nThis is usually the most complicated aspect of the mega menu planning process, since the arsenal of content for organizations with a digital strategy is usually quite large. An IT company might have a disaster recovery checklist, an IT security eBook, a guide for choosing the best VOIP system, a webinar breaking down the latest security threat or phishing attempt, or pillar pages that really help a prospect dig into to the different aspects of business continuity, employee efficiency and how it all impacts the bottom line, bringing those resources all together.
Multiple content types, topics and mediums of delivery make that pretty complicated to break down on a mega menu alone. We highly recommend resource center filters and in some cases multiple filters to help your website prospects better sift through that content. You can break your mega menu categories down by content type, add that content by industry or as it relates to the symptoms your fix and and services you provide.
If you have pillar pages to organize your content, they might have previously been hidden deep within a resource center or only found through a CTA or organic search. A mega menu can change that, placing your highest converting content at the top of the page in your mega menu using a featured content area, image, CTA or link.
Get creative with how you layout your resources and tools within the different categories provided and feel free to experiment with different formats over a certain time period to test what seems to work the best.
Smart Content
\nSmart content is being used more and more in e-mails, on website landing pages and inside services pages, but what about navigation? If you’re a HubSpot customer, HubSpot doesn’t include smart content in navigation out of the box, but we are huge supporters of taking technology to the next level and we’ve been experimenting with smart content in mega menu formats.
If a user has filled out a form, your development team can create a sophisticated mega menu based on forms that the prospect has filled out previously or content viewed on the website. If your prospect has downloaded and consumed multiple resources regarding Business Continuity services, for example, your mega menu can be configured to display content that aids them in their buyer journey by placing business continuity, disaster planning, cloud hosting and backup solutions front and center in their mega menu display.
Content mapping to the buyer journey is much more powerful when you enable smart content. HubSpot users can even combine smart content with lead scores and custom buyer journey mapping properties in HubSpot. An experienced HubSpot developer can really supercharge what HubSpot provides out of the box.
Mega menus are seriously unutilized and as a technology company, IT Managed Services providers really need to explore how a robust mega menu can really help their users access all the valuable content they publish. Organize that content by industry, service, symptom and benefit and place the most important CTAs inside your mega menu using icons, links, graphics and buttons to take your mega menu to the next level.
Ready to implement a mega menu for your IT Managed Services company website, but not sure where to start? Schedule a meeting and let’s break it down together.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n","rss_body":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n\n
Planning and organization are everything here.
Here are a few things you need to know when it comes to learning how to organize a mega menu in the IT Managed Services industry:
\nBuyer Personas & Industries
\nIT Managed Services Companies usually have a few different buyer personas, depending on the types of businesses they serve. They might be talking to an IT Director or CTO, an Operations Manager or a business owner. The daily focuses and concerns for each of these roles are all totally different.
While a high level Chief Technology Officer or Chief Information Office may be focused on evolving technology or business continuity, an Operations Manager or COO might be focused on employee efficiency or customer service. All of these personas will be a bit bottom-line driven, but none more than the CEO or CFO inside an organization. The executive and management levels at these companies may work in any different industry and have varied responsibilities based on their unique role in the organizations. These are important CTAs to consider, in addition to any industry verticals that you may want to address whose focuses might be even more specific.
If you have specific industries you specialize in like Construction, Nonprofit or Real Estate, you’ll want to break these down in your mega menu. While most IT professionals and Managed Services companies understand that a blanket proactive approach to IT can be applied across industries, it does make professionals feel good when they know that a vendor has experience in their particular industry.
Content Categories, Symptoms or Benefits
\nYou’ll want to make sure that you categorize your content with symptoms and benefits, for your top-funnel prospects that are not as well versed in your service offerings. Ask yourself: What are the categories of content that you’re writing about for your audience? These might correlate with your services, which you’ll list separately, but might more directly speak to the issues or symptoms that your prospects or buyer personas are suffering from. Categorizing your content by the types of problems that your prospects are trying to solve is a great way to guide them down further into their buyer journey by speaking to their problems directly.
For a Managed Services Company mega menu, you might want to include items like, “Employee Efficiency, Disaster Recovery Planning and Malware & Virus Protection,” rather than industry specific services like, “Business Continuity” or “Technology Planning” or “Security Services” - speaking to symptoms or benefits helps avoid jargon and keeps the benefit or chief concern front and center - which is usually the best option for prospects that still find themselves early in the decision making process.
Services
\nListing your services by the names they’re recognized for in your industry is still important for prospects at the bottom of the funnel or referral resources that need a quick understanding of what you do. If you don’t have enough space in your navigation to address both, symptoms and services you can use some real estate in your mega menu for a short description sentence that outlines the benefits or symptoms associated with your service lines to combine the last point with this one.
For the IT industry specifically, services terms like Business Continuity and Cloud Services may resonate with well-qualified prospects like an IT Director, CTO or CIO while the more general symptom-specific categories listed above might appeal more to an Operations Executive, CEO or Management Level prospect or buyer that is less familiar with the offerings associated with the Managed Services industry. Your mega menu has the ability to address both with either separate categories or additional areas for descriptions.
Icons
If you don’t have much real estate to offer descriptions or just want to add a little extra flair to your mega menu, Icons are a great way to help a prospect further understand information in the services section. It can also help provide a graphical representation for top-funnel prospects if they’re unfamiliar with industry jargon.
For Managed Services companies, a shield to indicate security protection, a cloud for cloud hosting, a phone icon for VOIP services — there are a number of icons to help further explain your services without using too much additional real estate on lengthy descriptions. Icons can say a lot, keep things clear and concise and direct your buyers easily.
Tools or Resources
\nThis is usually the most complicated aspect of the mega menu planning process, since the arsenal of content for organizations with a digital strategy is usually quite large. An IT company might have a disaster recovery checklist, an IT security eBook, a guide for choosing the best VOIP system, a webinar breaking down the latest security threat or phishing attempt, or pillar pages that really help a prospect dig into to the different aspects of business continuity, employee efficiency and how it all impacts the bottom line, bringing those resources all together.
Multiple content types, topics and mediums of delivery make that pretty complicated to break down on a mega menu alone. We highly recommend resource center filters and in some cases multiple filters to help your website prospects better sift through that content. You can break your mega menu categories down by content type, add that content by industry or as it relates to the symptoms your fix and and services you provide.
If you have pillar pages to organize your content, they might have previously been hidden deep within a resource center or only found through a CTA or organic search. A mega menu can change that, placing your highest converting content at the top of the page in your mega menu using a featured content area, image, CTA or link.
Get creative with how you layout your resources and tools within the different categories provided and feel free to experiment with different formats over a certain time period to test what seems to work the best.
Smart Content
\nSmart content is being used more and more in e-mails, on website landing pages and inside services pages, but what about navigation? If you’re a HubSpot customer, HubSpot doesn’t include smart content in navigation out of the box, but we are huge supporters of taking technology to the next level and we’ve been experimenting with smart content in mega menu formats.
If a user has filled out a form, your development team can create a sophisticated mega menu based on forms that the prospect has filled out previously or content viewed on the website. If your prospect has downloaded and consumed multiple resources regarding Business Continuity services, for example, your mega menu can be configured to display content that aids them in their buyer journey by placing business continuity, disaster planning, cloud hosting and backup solutions front and center in their mega menu display.
Content mapping to the buyer journey is much more powerful when you enable smart content. HubSpot users can even combine smart content with lead scores and custom buyer journey mapping properties in HubSpot. An experienced HubSpot developer can really supercharge what HubSpot provides out of the box.
Mega menus are seriously unutilized and as a technology company, IT Managed Services providers really need to explore how a robust mega menu can really help their users access all the valuable content they publish. Organize that content by industry, service, symptom and benefit and place the most important CTAs inside your mega menu using icons, links, graphics and buttons to take your mega menu to the next level.
Ready to implement a mega menu for your IT Managed Services company website, but not sure where to start? Schedule a meeting and let’s break it down together.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n","blog_post_schedule_task_uid":null,"blog_publish_to_social_media_task":"DONE_NOT_SENT","blog_publish_instant_email_task_uid":null,"blog_publish_instant_email_campaign_id":null,"blog_publish_instant_email_retry_count":null,"keywords":[],"head_html":null,"footer_html":null,"attached_stylesheets":[],"enable_domain_stylesheets":null,"include_default_custom_css":null,"meta_description":"Here's how to organize your mega menu for IT managed services companies. ","meta_keywords":null,"layout_sections":{},"past_mab_experiment_ids":[],"deleted_by":null,"featured_image_alt_text":"","enable_layout_stylesheets":null,"tweet":null,"tweet_at":null,"campaign_name":null,"campaign_utm":null,"tweet_immediately":false,"publish_immediately":true,"security_state":"NONE","scheduled_update_date":0,"placement_guids":[],"property_for_dynamic_page_title":null,"property_for_dynamic_page_slug":null,"property_for_dynamic_page_meta_description":null,"property_for_dynamic_page_featured_image":null,"property_for_dynamic_page_canonical_url":null,"preview_image_src":null,"legacy_blog_tabid":null,"legacy_post_guid":null,"performable_variation_letter":null,"style_override_id":null,"has_user_changes":true,"css":{},"css_text":"","unpublished_at":0,"published_by_id":52616225,"allowed_slug_conflict":false,"ai_features":null,"link_rel_canonical_url":"","page_redirected":false,"page_expiry_enabled":null,"page_expiry_date":null,"page_expiry_redirect_id":null,"page_expiry_redirect_url":null,"deleted_by_id":null,"state_when_deleted":null,"cloned_from":null,"staged_from":null,"personas":[],"compose_body":null,"featured_image":"https://i.imgflip.com/1itoun.jpg?a463920","featured_image_width":1024,"featured_image_height":768,"publish_timezone_offset":null,"theme_settings_values":null,"password":null,"header":null,"published_at":1718903384763,"last_edit_session_id":null,"last_edit_update_id":null,"created_by_agent":null},"metaDescription":"Here's how to organize your mega menu for IT managed services companies. ","metaKeywords":null,"name":"How to Organize a Mega Menu for IT Managed Services Company","nextPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","nextPostFeaturedImageAltText":"","nextPostName":"Website Bounce Rate: 6 Things Sending People Away from Your Website","nextPostSlug":"blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","pageExpiryDate":null,"pageExpiryEnabled":null,"pageExpiryRedirectId":null,"pageExpiryRedirectUrl":null,"pageRedirected":false,"pageTitle":"How to Organize a Mega Menu for IT Managed Services Company","parentBlog":{"absoluteUrl":"https://deckerdevs.com/blogs","allowComments":true,"ampBodyColor":"#404040","ampBodyFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampBodyFontSize":"18","ampCustomCss":"","ampHeaderBackgroundColor":"#ffffff","ampHeaderColor":"#1e1e1e","ampHeaderFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampHeaderFontSize":"36","ampLinkColor":"#416bb3","ampLogoAlt":"","ampLogoHeight":0,"ampLogoSrc":"","ampLogoWidth":0,"analyticsPageId":62179259185,"attachedStylesheets":[],"audienceAccess":"PUBLIC","businessUnitId":null,"captchaAfterDays":7,"captchaAlways":false,"categoryId":3,"cdnPurgeEmbargoTime":null,"closeCommentsOlder":0,"commentDateFormat":"medium","commentFormGuid":"cb653aa1-3db4-4167-9b59-744c46d49682","commentMaxThreadDepth":3,"commentModeration":false,"commentNotificationEmails":["nicholas@deckerdevs.com","jessica@deckerdevs.com"],"commentShouldCreateContact":true,"commentVerificationText":"Thanks for participating in this conversation! We look forward to responding and to assisting where we can","cosObjectType":"BLOG","created":1639786189589,"createdDateTime":1639786189589,"dailyNotificationEmailId":null,"dateFormattingLanguage":null,"defaultGroupStyleId":"","defaultNotificationFromName":"","defaultNotificationReplyTo":"","deletedAt":0,"description":"rev up your hubspot system to the max! deckerdevs' turbo-charged blog is your ultimate guide to harnessing the full potential of hubspot development. unleash the marketing magic with ingenious tips, tricks, and hacks. get ready to level up your hubspot game!","domain":"","domainWhenPublished":"deckerdevs.com","emailApiSubscriptionId":null,"enableGoogleAmpOutput":false,"enableSocialAutoPublishing":false,"generateJsonLdEnabled":true,"header":null,"htmlFooter":"","htmlFooterIsShared":true,"htmlHead":"","htmlHeadIsShared":true,"htmlKeywords":[],"htmlTitle":"deckerdevs thought nuggets","id":62179259185,"ilsSubscriptionListsByType":{},"instantNotificationEmailId":null,"itemLayoutId":null,"itemTemplateIsShared":false,"itemTemplatePath":"deckerdevs-theme/templates/blog-content.html","label":"deckerdevs live blog","language":"en","legacyGuid":null,"legacyModuleId":null,"legacyTabId":null,"listingLayoutId":null,"listingPageId":62179259186,"listingTemplatePath":"","liveDomain":"deckerdevs.com","monthFilterFormat":"MMMM yyyy","monthlyNotificationEmailId":null,"name":"deckerdevs live blog","parentBlogUpdateTaskId":null,"portalId":6534445,"postHtmlFooter":"","postHtmlHead":"","postsPerListingPage":9,"postsPerRssFeed":10,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publicTitle":"thought nuggets","publishDateFormat":"medium","resolvedDomain":"deckerdevs.com","rootUrl":"https://deckerdevs.com/blogs","rssCustomFeed":null,"rssDescription":null,"rssItemFooter":null,"rssItemHeader":null,"settingsOverrides":{"itemLayoutId":false,"itemTemplatePath":false,"itemTemplateIsShared":false,"listingLayoutId":false,"listingTemplatePath":false,"postsPerListingPage":false,"showSummaryInListing":false,"useFeaturedImageInSummary":false,"htmlHead":false,"postHtmlHead":false,"htmlHeadIsShared":false,"htmlFooter":false,"listingPageHtmlFooter":false,"postHtmlFooter":false,"htmlFooterIsShared":false,"attachedStylesheets":false,"postsPerRssFeed":false,"showSummaryInRss":false,"showSummaryInEmails":false,"showSummariesInEmails":false,"allowComments":false,"commentShouldCreateContact":false,"commentModeration":false,"closeCommentsOlder":false,"commentNotificationEmails":false,"commentMaxThreadDepth":false,"commentVerificationText":false,"socialAccountTwitter":false,"showSocialLinkTwitter":false,"showSocialLinkLinkedin":false,"showSocialLinkFacebook":false,"enableGoogleAmpOutput":false,"ampLogoSrc":false,"ampLogoHeight":false,"ampLogoWidth":false,"ampLogoAlt":false,"ampHeaderFont":false,"ampHeaderFontSize":false,"ampHeaderColor":false,"ampHeaderBackgroundColor":false,"ampBodyFont":false,"ampBodyFontSize":false,"ampBodyColor":false,"ampLinkColor":false,"generateJsonLdEnabled":false},"showSocialLinkFacebook":true,"showSocialLinkLinkedin":true,"showSocialLinkTwitter":true,"showSummaryInEmails":true,"showSummaryInListing":true,"showSummaryInRss":true,"siteId":null,"slug":"blogs","socialAccountTwitter":"","state":null,"subscriptionContactsProperty":null,"subscriptionEmailType":null,"subscriptionFormGuid":null,"subscriptionListsByType":{},"title":null,"translatedFromId":null,"translations":{},"updated":1712344124471,"updatedDateTime":1712344124471,"urlBase":"deckerdevs.com/blogs","urlSegments":{"all":"all","archive":"archive","author":"author","page":"page","tag":"tag"},"useFeaturedImageInSummary":true,"usesDefaultTemplate":false,"weeklyNotificationEmailId":null},"password":null,"pastMabExperimentIds":[],"performableGuid":null,"performableVariationLetter":null,"personas":[],"placementGuids":[],"portableKey":null,"portalId":6534445,"position":null,"postBody":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n\n
Planning and organization are everything here.
Here are a few things you need to know when it comes to learning how to organize a mega menu in the IT Managed Services industry:
\nBuyer Personas & Industries
\nIT Managed Services Companies usually have a few different buyer personas, depending on the types of businesses they serve. They might be talking to an IT Director or CTO, an Operations Manager or a business owner. The daily focuses and concerns for each of these roles are all totally different.
While a high level Chief Technology Officer or Chief Information Office may be focused on evolving technology or business continuity, an Operations Manager or COO might be focused on employee efficiency or customer service. All of these personas will be a bit bottom-line driven, but none more than the CEO or CFO inside an organization. The executive and management levels at these companies may work in any different industry and have varied responsibilities based on their unique role in the organizations. These are important CTAs to consider, in addition to any industry verticals that you may want to address whose focuses might be even more specific.
If you have specific industries you specialize in like Construction, Nonprofit or Real Estate, you’ll want to break these down in your mega menu. While most IT professionals and Managed Services companies understand that a blanket proactive approach to IT can be applied across industries, it does make professionals feel good when they know that a vendor has experience in their particular industry.
Content Categories, Symptoms or Benefits
\nYou’ll want to make sure that you categorize your content with symptoms and benefits, for your top-funnel prospects that are not as well versed in your service offerings. Ask yourself: What are the categories of content that you’re writing about for your audience? These might correlate with your services, which you’ll list separately, but might more directly speak to the issues or symptoms that your prospects or buyer personas are suffering from. Categorizing your content by the types of problems that your prospects are trying to solve is a great way to guide them down further into their buyer journey by speaking to their problems directly.
For a Managed Services Company mega menu, you might want to include items like, “Employee Efficiency, Disaster Recovery Planning and Malware & Virus Protection,” rather than industry specific services like, “Business Continuity” or “Technology Planning” or “Security Services” - speaking to symptoms or benefits helps avoid jargon and keeps the benefit or chief concern front and center - which is usually the best option for prospects that still find themselves early in the decision making process.
Services
\nListing your services by the names they’re recognized for in your industry is still important for prospects at the bottom of the funnel or referral resources that need a quick understanding of what you do. If you don’t have enough space in your navigation to address both, symptoms and services you can use some real estate in your mega menu for a short description sentence that outlines the benefits or symptoms associated with your service lines to combine the last point with this one.
For the IT industry specifically, services terms like Business Continuity and Cloud Services may resonate with well-qualified prospects like an IT Director, CTO or CIO while the more general symptom-specific categories listed above might appeal more to an Operations Executive, CEO or Management Level prospect or buyer that is less familiar with the offerings associated with the Managed Services industry. Your mega menu has the ability to address both with either separate categories or additional areas for descriptions.
Icons
If you don’t have much real estate to offer descriptions or just want to add a little extra flair to your mega menu, Icons are a great way to help a prospect further understand information in the services section. It can also help provide a graphical representation for top-funnel prospects if they’re unfamiliar with industry jargon.
For Managed Services companies, a shield to indicate security protection, a cloud for cloud hosting, a phone icon for VOIP services — there are a number of icons to help further explain your services without using too much additional real estate on lengthy descriptions. Icons can say a lot, keep things clear and concise and direct your buyers easily.
Tools or Resources
\nThis is usually the most complicated aspect of the mega menu planning process, since the arsenal of content for organizations with a digital strategy is usually quite large. An IT company might have a disaster recovery checklist, an IT security eBook, a guide for choosing the best VOIP system, a webinar breaking down the latest security threat or phishing attempt, or pillar pages that really help a prospect dig into to the different aspects of business continuity, employee efficiency and how it all impacts the bottom line, bringing those resources all together.
Multiple content types, topics and mediums of delivery make that pretty complicated to break down on a mega menu alone. We highly recommend resource center filters and in some cases multiple filters to help your website prospects better sift through that content. You can break your mega menu categories down by content type, add that content by industry or as it relates to the symptoms your fix and and services you provide.
If you have pillar pages to organize your content, they might have previously been hidden deep within a resource center or only found through a CTA or organic search. A mega menu can change that, placing your highest converting content at the top of the page in your mega menu using a featured content area, image, CTA or link.
Get creative with how you layout your resources and tools within the different categories provided and feel free to experiment with different formats over a certain time period to test what seems to work the best.
Smart Content
\nSmart content is being used more and more in e-mails, on website landing pages and inside services pages, but what about navigation? If you’re a HubSpot customer, HubSpot doesn’t include smart content in navigation out of the box, but we are huge supporters of taking technology to the next level and we’ve been experimenting with smart content in mega menu formats.
If a user has filled out a form, your development team can create a sophisticated mega menu based on forms that the prospect has filled out previously or content viewed on the website. If your prospect has downloaded and consumed multiple resources regarding Business Continuity services, for example, your mega menu can be configured to display content that aids them in their buyer journey by placing business continuity, disaster planning, cloud hosting and backup solutions front and center in their mega menu display.
Content mapping to the buyer journey is much more powerful when you enable smart content. HubSpot users can even combine smart content with lead scores and custom buyer journey mapping properties in HubSpot. An experienced HubSpot developer can really supercharge what HubSpot provides out of the box.
Mega menus are seriously unutilized and as a technology company, IT Managed Services providers really need to explore how a robust mega menu can really help their users access all the valuable content they publish. Organize that content by industry, service, symptom and benefit and place the most important CTAs inside your mega menu using icons, links, graphics and buttons to take your mega menu to the next level.
Ready to implement a mega menu for your IT Managed Services company website, but not sure where to start? Schedule a meeting and let’s break it down together.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n\n
Planning and organization are everything here.
Here are a few things you need to know when it comes to learning how to organize a mega menu in the IT Managed Services industry:
\nBuyer Personas & Industries
\nIT Managed Services Companies usually have a few different buyer personas, depending on the types of businesses they serve. They might be talking to an IT Director or CTO, an Operations Manager or a business owner. The daily focuses and concerns for each of these roles are all totally different.
While a high level Chief Technology Officer or Chief Information Office may be focused on evolving technology or business continuity, an Operations Manager or COO might be focused on employee efficiency or customer service. All of these personas will be a bit bottom-line driven, but none more than the CEO or CFO inside an organization. The executive and management levels at these companies may work in any different industry and have varied responsibilities based on their unique role in the organizations. These are important CTAs to consider, in addition to any industry verticals that you may want to address whose focuses might be even more specific.
If you have specific industries you specialize in like Construction, Nonprofit or Real Estate, you’ll want to break these down in your mega menu. While most IT professionals and Managed Services companies understand that a blanket proactive approach to IT can be applied across industries, it does make professionals feel good when they know that a vendor has experience in their particular industry.
Content Categories, Symptoms or Benefits
\nYou’ll want to make sure that you categorize your content with symptoms and benefits, for your top-funnel prospects that are not as well versed in your service offerings. Ask yourself: What are the categories of content that you’re writing about for your audience? These might correlate with your services, which you’ll list separately, but might more directly speak to the issues or symptoms that your prospects or buyer personas are suffering from. Categorizing your content by the types of problems that your prospects are trying to solve is a great way to guide them down further into their buyer journey by speaking to their problems directly.
For a Managed Services Company mega menu, you might want to include items like, “Employee Efficiency, Disaster Recovery Planning and Malware & Virus Protection,” rather than industry specific services like, “Business Continuity” or “Technology Planning” or “Security Services” - speaking to symptoms or benefits helps avoid jargon and keeps the benefit or chief concern front and center - which is usually the best option for prospects that still find themselves early in the decision making process.
Services
\nListing your services by the names they’re recognized for in your industry is still important for prospects at the bottom of the funnel or referral resources that need a quick understanding of what you do. If you don’t have enough space in your navigation to address both, symptoms and services you can use some real estate in your mega menu for a short description sentence that outlines the benefits or symptoms associated with your service lines to combine the last point with this one.
For the IT industry specifically, services terms like Business Continuity and Cloud Services may resonate with well-qualified prospects like an IT Director, CTO or CIO while the more general symptom-specific categories listed above might appeal more to an Operations Executive, CEO or Management Level prospect or buyer that is less familiar with the offerings associated with the Managed Services industry. Your mega menu has the ability to address both with either separate categories or additional areas for descriptions.
Icons
If you don’t have much real estate to offer descriptions or just want to add a little extra flair to your mega menu, Icons are a great way to help a prospect further understand information in the services section. It can also help provide a graphical representation for top-funnel prospects if they’re unfamiliar with industry jargon.
For Managed Services companies, a shield to indicate security protection, a cloud for cloud hosting, a phone icon for VOIP services — there are a number of icons to help further explain your services without using too much additional real estate on lengthy descriptions. Icons can say a lot, keep things clear and concise and direct your buyers easily.
Tools or Resources
\nThis is usually the most complicated aspect of the mega menu planning process, since the arsenal of content for organizations with a digital strategy is usually quite large. An IT company might have a disaster recovery checklist, an IT security eBook, a guide for choosing the best VOIP system, a webinar breaking down the latest security threat or phishing attempt, or pillar pages that really help a prospect dig into to the different aspects of business continuity, employee efficiency and how it all impacts the bottom line, bringing those resources all together.
Multiple content types, topics and mediums of delivery make that pretty complicated to break down on a mega menu alone. We highly recommend resource center filters and in some cases multiple filters to help your website prospects better sift through that content. You can break your mega menu categories down by content type, add that content by industry or as it relates to the symptoms your fix and and services you provide.
If you have pillar pages to organize your content, they might have previously been hidden deep within a resource center or only found through a CTA or organic search. A mega menu can change that, placing your highest converting content at the top of the page in your mega menu using a featured content area, image, CTA or link.
Get creative with how you layout your resources and tools within the different categories provided and feel free to experiment with different formats over a certain time period to test what seems to work the best.
Smart Content
\nSmart content is being used more and more in e-mails, on website landing pages and inside services pages, but what about navigation? If you’re a HubSpot customer, HubSpot doesn’t include smart content in navigation out of the box, but we are huge supporters of taking technology to the next level and we’ve been experimenting with smart content in mega menu formats.
If a user has filled out a form, your development team can create a sophisticated mega menu based on forms that the prospect has filled out previously or content viewed on the website. If your prospect has downloaded and consumed multiple resources regarding Business Continuity services, for example, your mega menu can be configured to display content that aids them in their buyer journey by placing business continuity, disaster planning, cloud hosting and backup solutions front and center in their mega menu display.
Content mapping to the buyer journey is much more powerful when you enable smart content. HubSpot users can even combine smart content with lead scores and custom buyer journey mapping properties in HubSpot. An experienced HubSpot developer can really supercharge what HubSpot provides out of the box.
Mega menus are seriously unutilized and as a technology company, IT Managed Services providers really need to explore how a robust mega menu can really help their users access all the valuable content they publish. Organize that content by industry, service, symptom and benefit and place the most important CTAs inside your mega menu using icons, links, graphics and buttons to take your mega menu to the next level.
Ready to implement a mega menu for your IT Managed Services company website, but not sure where to start? Schedule a meeting and let’s break it down together.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
","postFeaturedImageIfEnabled":"https://i.imgflip.com/1itoun.jpg?a463920","postListContent":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
","postListSummaryFeaturedImage":"https://i.imgflip.com/1itoun.jpg?a463920","postRssContent":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
","postRssSummaryFeaturedImage":"https://i.imgflip.com/1itoun.jpg?a463920","postSummary":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n","postSummaryRss":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
","postTemplate":"deckerdevs-theme/templates/blog-content.html","previewImageSrc":null,"previewKey":"VlSqpRqO","previousPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/I%20LOOKED%20AT%20YOUR%20WEBSITE-jpg.jpeg","previousPostFeaturedImageAltText":"","previousPostName":"How’d you do? Let’s Talk Site Performance for Black Friday Weekend","previousPostSlug":"blogs/howd-you-do-lets-talk-site-performance-for-black-friday-weekend","processingStatus":"PUBLISHED","propertyForDynamicPageCanonicalUrl":null,"propertyForDynamicPageFeaturedImage":null,"propertyForDynamicPageMetaDescription":null,"propertyForDynamicPageSlug":null,"propertyForDynamicPageTitle":null,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publishDate":1670343471000,"publishDateLocalTime":1670343471000,"publishDateLocalized":{"date":1670343471000,"format":"medium","language":null},"publishImmediately":true,"publishTimezoneOffset":null,"publishedAt":1718903384763,"publishedByEmail":null,"publishedById":52616225,"publishedByName":null,"publishedUrl":"https://deckerdevs.com/blogs/how-to-organize-a-mega-menu-for-it-managed-services-company","resolvedDomain":"deckerdevs.com","resolvedLanguage":null,"rssBody":"When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n\n
Planning and organization are everything here.
Here are a few things you need to know when it comes to learning how to organize a mega menu in the IT Managed Services industry:
\nBuyer Personas & Industries
\nIT Managed Services Companies usually have a few different buyer personas, depending on the types of businesses they serve. They might be talking to an IT Director or CTO, an Operations Manager or a business owner. The daily focuses and concerns for each of these roles are all totally different.
While a high level Chief Technology Officer or Chief Information Office may be focused on evolving technology or business continuity, an Operations Manager or COO might be focused on employee efficiency or customer service. All of these personas will be a bit bottom-line driven, but none more than the CEO or CFO inside an organization. The executive and management levels at these companies may work in any different industry and have varied responsibilities based on their unique role in the organizations. These are important CTAs to consider, in addition to any industry verticals that you may want to address whose focuses might be even more specific.
If you have specific industries you specialize in like Construction, Nonprofit or Real Estate, you’ll want to break these down in your mega menu. While most IT professionals and Managed Services companies understand that a blanket proactive approach to IT can be applied across industries, it does make professionals feel good when they know that a vendor has experience in their particular industry.
Content Categories, Symptoms or Benefits
\nYou’ll want to make sure that you categorize your content with symptoms and benefits, for your top-funnel prospects that are not as well versed in your service offerings. Ask yourself: What are the categories of content that you’re writing about for your audience? These might correlate with your services, which you’ll list separately, but might more directly speak to the issues or symptoms that your prospects or buyer personas are suffering from. Categorizing your content by the types of problems that your prospects are trying to solve is a great way to guide them down further into their buyer journey by speaking to their problems directly.
For a Managed Services Company mega menu, you might want to include items like, “Employee Efficiency, Disaster Recovery Planning and Malware & Virus Protection,” rather than industry specific services like, “Business Continuity” or “Technology Planning” or “Security Services” - speaking to symptoms or benefits helps avoid jargon and keeps the benefit or chief concern front and center - which is usually the best option for prospects that still find themselves early in the decision making process.
Services
\nListing your services by the names they’re recognized for in your industry is still important for prospects at the bottom of the funnel or referral resources that need a quick understanding of what you do. If you don’t have enough space in your navigation to address both, symptoms and services you can use some real estate in your mega menu for a short description sentence that outlines the benefits or symptoms associated with your service lines to combine the last point with this one.
For the IT industry specifically, services terms like Business Continuity and Cloud Services may resonate with well-qualified prospects like an IT Director, CTO or CIO while the more general symptom-specific categories listed above might appeal more to an Operations Executive, CEO or Management Level prospect or buyer that is less familiar with the offerings associated with the Managed Services industry. Your mega menu has the ability to address both with either separate categories or additional areas for descriptions.
Icons
If you don’t have much real estate to offer descriptions or just want to add a little extra flair to your mega menu, Icons are a great way to help a prospect further understand information in the services section. It can also help provide a graphical representation for top-funnel prospects if they’re unfamiliar with industry jargon.
For Managed Services companies, a shield to indicate security protection, a cloud for cloud hosting, a phone icon for VOIP services — there are a number of icons to help further explain your services without using too much additional real estate on lengthy descriptions. Icons can say a lot, keep things clear and concise and direct your buyers easily.
Tools or Resources
\nThis is usually the most complicated aspect of the mega menu planning process, since the arsenal of content for organizations with a digital strategy is usually quite large. An IT company might have a disaster recovery checklist, an IT security eBook, a guide for choosing the best VOIP system, a webinar breaking down the latest security threat or phishing attempt, or pillar pages that really help a prospect dig into to the different aspects of business continuity, employee efficiency and how it all impacts the bottom line, bringing those resources all together.
Multiple content types, topics and mediums of delivery make that pretty complicated to break down on a mega menu alone. We highly recommend resource center filters and in some cases multiple filters to help your website prospects better sift through that content. You can break your mega menu categories down by content type, add that content by industry or as it relates to the symptoms your fix and and services you provide.
If you have pillar pages to organize your content, they might have previously been hidden deep within a resource center or only found through a CTA or organic search. A mega menu can change that, placing your highest converting content at the top of the page in your mega menu using a featured content area, image, CTA or link.
Get creative with how you layout your resources and tools within the different categories provided and feel free to experiment with different formats over a certain time period to test what seems to work the best.
Smart Content
\nSmart content is being used more and more in e-mails, on website landing pages and inside services pages, but what about navigation? If you’re a HubSpot customer, HubSpot doesn’t include smart content in navigation out of the box, but we are huge supporters of taking technology to the next level and we’ve been experimenting with smart content in mega menu formats.
If a user has filled out a form, your development team can create a sophisticated mega menu based on forms that the prospect has filled out previously or content viewed on the website. If your prospect has downloaded and consumed multiple resources regarding Business Continuity services, for example, your mega menu can be configured to display content that aids them in their buyer journey by placing business continuity, disaster planning, cloud hosting and backup solutions front and center in their mega menu display.
Content mapping to the buyer journey is much more powerful when you enable smart content. HubSpot users can even combine smart content with lead scores and custom buyer journey mapping properties in HubSpot. An experienced HubSpot developer can really supercharge what HubSpot provides out of the box.
Mega menus are seriously unutilized and as a technology company, IT Managed Services providers really need to explore how a robust mega menu can really help their users access all the valuable content they publish. Organize that content by industry, service, symptom and benefit and place the most important CTAs inside your mega menu using icons, links, graphics and buttons to take your mega menu to the next level.
Ready to implement a mega menu for your IT Managed Services company website, but not sure where to start? Schedule a meeting and let’s break it down together.
When it comes to the specifics of organizing a mega menu, every business and industry is totally different. While some service offerings for consumer service brands might be very basic, a B2B brand with complex services offerings or retail brands with lots of different categories might need to go about how they organize a mega menu totally differently. The competition and market share in the IT Managed Services space has grown exponentially in the wake of the Covid-19 pandemic. According to Yahoo, The industry is estimated to reach nearly $245 billion by the end of 2022. From remote employment to cloud hosting, data access, and managing security breaches, the role of the IT Managed Services Company is more important than ever in the world of business. But how can you create a mega menu that encompasses the breadth of the services, industries, and resources that you offer without inundating your prospects?
\n","rssSummaryFeaturedImage":"https://i.imgflip.com/1itoun.jpg?a463920","scheduledUpdateDate":0,"screenshotPreviewTakenAt":1733245783815,"screenshotPreviewUrl":"https://cdn1.hubspot.net/hubshotv3/prod/e/0/8f691c97-7d51-47e9-9733-08b07e85083e.png","sections":{},"securityState":"NONE","siteId":null,"slug":"blogs/how-to-organize-a-mega-menu-for-it-managed-services-company","stagedFrom":null,"state":"PUBLISHED","stateWhenDeleted":null,"structuredContentPageType":null,"structuredContentType":null,"styleOverrideId":null,"subcategory":"normal_blog_post","syncedWithBlogRoot":true,"tagIds":[62770428190,64085693442,82133680259,94338241715],"tagList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714484700,"deletedAt":0,"description":"","id":62770428190,"label":"Conversion Optimization","language":"en","name":"Conversion Optimization","portalId":6534445,"slug":"conversion-optimization","translatedFromId":null,"translations":{},"updated":1640714484700},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1660665478382,"deletedAt":0,"description":"","id":82133680259,"label":"UX Design","language":"en","name":"UX Design","portalId":6534445,"slug":"ux-design","translatedFromId":null,"translations":{},"updated":1660665478382},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1670343408539,"deletedAt":0,"description":"","id":94338241715,"label":"mega menu","language":"en","name":"mega menu","portalId":6534445,"slug":"mega-menu","translatedFromId":null,"translations":{},"updated":1670343408539}],"tagNames":["Conversion Optimization","website optimization","UX Design","mega menu"],"teamPerms":[],"templatePath":"","templatePathForRender":"deckerdevs-theme/templates/blog-content.html","textToAudioFileId":null,"textToAudioGenerationRequestId":null,"themePath":null,"themeSettingsValues":null,"title":"How to Organize a Mega Menu for IT Managed Services Company","tmsId":null,"topicIds":[62770428190,64085693442,82133680259,94338241715],"topicList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714484700,"deletedAt":0,"description":"","id":62770428190,"label":"Conversion Optimization","language":"en","name":"Conversion Optimization","portalId":6534445,"slug":"conversion-optimization","translatedFromId":null,"translations":{},"updated":1640714484700},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1660665478382,"deletedAt":0,"description":"","id":82133680259,"label":"UX Design","language":"en","name":"UX Design","portalId":6534445,"slug":"ux-design","translatedFromId":null,"translations":{},"updated":1660665478382},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1670343408539,"deletedAt":0,"description":"","id":94338241715,"label":"mega menu","language":"en","name":"mega menu","portalId":6534445,"slug":"mega-menu","translatedFromId":null,"translations":{},"updated":1670343408539}],"topicNames":["Conversion Optimization","website optimization","UX Design","mega menu"],"topics":[62770428190,64085693442,82133680259,94338241715],"translatedContent":{},"translatedFromId":null,"translations":{},"tweet":null,"tweetAt":null,"tweetImmediately":false,"unpublishedAt":0,"updated":1718903384767,"updatedById":52616225,"upsizeFeaturedImage":false,"url":"https://deckerdevs.com/blogs/how-to-organize-a-mega-menu-for-it-managed-services-company","useFeaturedImage":true,"userPerms":[],"views":null,"visibleToAll":null,"widgetContainers":{},"widgetcontainers":{},"widgets":{"blog-image":{"body":{"image_field":{"alt":"pattern-2","height":563,"loading":"lazy","max_height":563,"max_width":1000,"size_type":"auto","src":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/pattern-2.jpg","width":1000}},"child_css":{},"css":{},"deleted_at":1718903377682,"id":"blog-image","label":null,"module_id":62246908725,"name":"blog-image","order":3,"smart_type":null,"styles":{},"type":"module"}}},{"ab":false,"abStatus":null,"abTestId":null,"abVariation":false,"abVariationAutomated":false,"absoluteUrl":"https://deckerdevs.com/blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","afterPostBody":null,"aifeatures":null,"allowedSlugConflict":false,"analytics":null,"analyticsPageId":"81837670676","analyticsPageType":"blog-post","approvalStatus":null,"archived":false,"archivedAt":0,"archivedInDashboard":false,"areCommentsAllowed":true,"attachedStylesheets":[],"audienceAccess":"PUBLIC","author":null,"authorName":null,"authorUsername":null,"blogAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogAuthorId":62235724408,"blogPostAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogPostScheduleTaskUid":null,"blogPublishInstantEmailCampaignId":null,"blogPublishInstantEmailRetryCount":null,"blogPublishInstantEmailTaskUid":null,"blogPublishToSocialMediaTask":"DONE_NOT_SENT","blueprintTypeId":0,"businessUnitId":null,"campaign":null,"campaignName":null,"campaignUtm":null,"category":3,"categoryId":3,"cdnPurgeEmbargoTime":null,"checkPostLevelAudienceAccessFirst":true,"clonedFrom":null,"composeBody":null,"compositionId":0,"contentAccessRuleIds":[],"contentAccessRuleTypes":[],"contentGroup":62179259185,"contentGroupId":62179259185,"contentTypeCategory":3,"contentTypeCategoryId":3,"contentTypeId":null,"created":1660311162090,"createdByAgent":null,"createdById":27630257,"createdTime":1660311162090,"crmObjectId":null,"css":{},"cssText":"","ctaClicks":null,"ctaViews":null,"currentState":"PUBLISHED","currentlyPublished":true,"deletedAt":0,"deletedBy":null,"deletedByEmail":null,"deletedById":null,"domain":"","dynamicPageDataSourceId":null,"dynamicPageDataSourceType":null,"dynamicPageHubDbTableId":null,"enableDomainStylesheets":null,"enableGoogleAmpOutputOverride":false,"enableLayoutStylesheets":null,"errors":[],"featuredImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","featuredImageAltText":"","featuredImageHeight":1080,"featuredImageLength":0,"featuredImageWidth":1080,"flexAreas":{},"folderId":null,"footerHtml":null,"freezeDate":1660312257000,"generateJsonLdEnabledOverride":true,"hasContentAccessRules":false,"hasUserChanges":true,"headHtml":null,"header":null,"htmlTitle":"Website Bounce Rate: 6 Things Sending People Away from Your Website","id":81837670676,"includeDefaultCustomCss":null,"isCaptchaRequired":true,"isCrawlableByBots":false,"isDraft":false,"isInstanceLayoutPage":false,"isInstantEmailEnabled":false,"isPublished":true,"isSocialPublishingEnabled":false,"keywords":[],"label":"Website Bounce Rate: 6 Things Sending People Away from Your Website","language":"en","lastEditSessionId":null,"lastEditUpdateId":null,"layoutSections":{},"legacyBlogTabid":null,"legacyId":null,"legacyPostGuid":null,"linkRelCanonicalUrl":"","listTemplate":"","liveDomain":"deckerdevs.com","mab":false,"mabExperimentId":null,"mabMaster":false,"mabVariant":false,"meta":{"html_title":"Website Bounce Rate: 6 Things Sending People Away from Your Website","public_access_rules":[],"public_access_rules_enabled":false,"enable_google_amp_output_override":false,"generate_json_ld_enabled":true,"composition_id":0,"is_crawlable_by_bots":false,"use_featured_image":true,"post_body":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n\nYour bounce rate is the percentage of website visitors that come to your website and take no other action before leaving. This is an indicator to search engines that the content they’ve clicked through isn’t valuable or relevant for what the user searched for, or your website isn’t the best source of information for that topic. This can happen for a number of reasons, but lowering that bounce rate is going to be really critical not only for search engine rankings but also to ensure you’re getting the most out of the traffic that you work so hard to funnel to your website to begin with.
\n\n
Why work on your bounce rate?
\n- \n
- The goal for more people is to have a large percentage of your website visitors taking an action on your website. \n
- One of the considerations for website rank by search engines is bounce rate. The lower your bounce rate, the better your potential to rank is. \n
Even the most savvy marketers can miss something when it comes to decreasing the bounce rate on their website. The intricacies of conversion can be a little daunting to master all at once, but with the right strategy, you can slowly bring down your website’s bounce rate.
Here are a few factors that contribute to an increased bounce rate on your website:
Not mobile-friendly
\n![\"deckerdevs-mobile](\"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-mobile%20optimization-devices-1.svg\")
It is very rare that you’ll encounter a web developer that doesn’t leverage mobile-first design. In the design of your website, you should make sure that your developer either asks for your mobile design or insists that they establish the mobile design prior to beginning the development of the website.
\n
Understanding how elements on the page will shift as the browser size changes is critical to creating a good user experience for your website visitors. If images don’t properly shift above or below the words they support or the navigation doesn’t translate in a logical way to a smaller mobile browser, you could risk losing visitors to confusing mobile and tablet views.
Not only should your website developer be looking over your mobile design first, but they should be making intuitive suggestions for search options, filtering and other expert tips to make sure your website translates well to browsers on mobile devices.
Related: HubSpot Developer Utopia - 7 Things to Expert When Developing a HubSpot CMS Website
\nPoorly Planned Design
\n
UX, font size, ugly color contrasts, menu navigation that is too clunky or not intuitive - all of these things contribute to a poor user interface, which can annihilate a bounce rate. It seems logical, but users (especially in the ADD on-demand world we live in today) want to find the information they’re looking for easily, without extra work and without hurting their eyes.
As a rule of thumb, if a user can’t locate the information they want within 4 seconds of clicking on a page, they’re probably leaving for the next source of information. This means that you have to have a simple and intuitive design, fast loading pages, colors that are complementary but not too contrasting and navigation that is easy to understand.
A list of common issues with poorly designed websites?
- \n
- Fonts that are too big or too small \n
- Glaringly contrasting colors that are hard to read or look at \n
- Pages that have too many elements loading at the same time and take longer than 4 seconds to load \n
- Large useless animations \n
- Music that doesn’t allow the user to control the volume or plays the moment a page is clicked \n
- Irrelevant, obnoxious images \n
- Too many ads or banners popping up \n
- Chat or opt-in boxes that are relentless \n
- Layouts that shift as you move down the page \n
Some developers created the Big Ugly Website to give you a hint for the types of things that turn off a user. It seems obvious, but you’d be surprised how often things like font size, color and poor layout are encountered by users.
\n\n
We could go on and on, but those are just a few of the things that can easily frustrate users from a design perspective. You’ll want to minimize or avoid these things entirely to make sure that your users are getting exactly what they are looking for when it comes to your products and services.
Your page loads too slowly
\n
We already discussed the 4 second rule, but there’s a lot more to page load speed than most realize. From your website host and server to excessive plugins, large images, scripts and other elements - every second matters. In fact, according to websitesetup.org: 7 out of 10 people say that the speed of a website page affects their desire to buy from an online retailer. Not only that, but websites that take 5 seconds to load have a 90% bounce rate!
Page load speed matters more than you realize. A few tenths of a second may not seem like much, but if it puts you over that critical threshold, you’re handicapping your ability to convert your visitors and sending your bounce rate up. In the retail industry, decreasing your load time by just one tenth of a second can result in 8.4% increase in conversion rates! That’s HUGE! The same article states that that same .1 second decrease in load speed also yielded 9.2% increase in order size and page view per session by 8.6%
Things like image size and optimization, scripts and old code, fonts and icons, videos and hosting are the biggest culprits for bogging down load speed. We’ve got a write up on page speed optimization that includes 5 factors that could be bogging down your website that you should definitely check out.
Your title tag and meta description may be misleading
\n
In the age of click-bait articles, so many news outlets and blogs are using their title tag and meta description to get people to click through. But when it comes to reducing your bounce rate, relevance matters. You want your user to know in as few words as possible what the information they’re about to click through includes while still ensuring the description is as compelling as possible. A gifted copywriter will be able to assist with this.
For SEO purposes, make sure that your Title Tag is 60 characters or less (or that the most important information is included within those 60 characters) and that your Meta Description is 160 characters or less.
It should be a relevant description of what the user hopes to gain and the keyword that you’re optimizing that particular website page or blog for should be relevant to the topic you’re discussing. Oftentimes a local business makes an effort to optimize their website for a certain product type or service offering and includes that keyword in a blog title that may not be perfectly relevant for that topic.
When it comes to planning your content, it’s most important to offer valuable information without being misleading, spamming keywords or trying to weave in keywords that don’t entirely fit the topic of the blog post or website page.
Remember: Google is trying to deliver the most relevant information to help answer a user's question. The more you focus on the user, the better off you’ll be and the more people will engage with the content that you’re putting out, resulting in lower bounce rates.
Poor quality referrals
\n
Inbound links are a great way to get traffic to your site and increase your credibility with search engines - to a point. You want to make sure that you’re not just listing your business in any irrelevant directory that you can and that every inbound link actually makes sense for the types of people that you’re looking for.
What are good ways to get quality inbound links and referral traffic?
- \n
- Industry specific directories. Are there directories specifically for your industry and offerings? You should be there. As a HubSpot CMS Developer, we’ve become a HubSpot Partner and are now listed in their Partner Marketplace, which has actually been a source of a few great leads for us. Do some research on listings that are relevant to you and see if you can get listed there. It’s a simple and easy way to get qualified referral traffic sent to your site.
- Guest blogging for other websites is a great way to get relevant inbound links to your site. Align yourself with industries that you serve, other authorities in your space and create partnerships with businesses whose products and services cater to a similar audience.
- Keep writing original, quality content. Performing your own research can be a great way to get linked to or even just having original thoughts about problems that your prospects and customers relate to. Don’t underestimate the value of a quality content creator and strategist and NEVER use a bot or AI software to write your blog articles. Your content is the most important way to keep your visitors engaged and you want to make sure it holds plenty of value and thought leadership for web visitors. \n
For most businesses, the goal of your website is to attract visitors and keep them on your website until they make a conversion decision. If a poor design, low quality content, slow loading pages or other elements of your website are pushing them away before they take any desired actions, you need to take action to help keep them on your site and reduce your bounce rate. Installing a heat map software like HotJar is a great start. This will help you to understand what users are doing on your website, optimize the most common actions and eliminate any elements of your site that appear to be confusing to your website visitors.
Using a tool like HotJar in tandem with an experienced web developer will help you understand what actions can be taken to make your website more successful in converting your visitors and keeping them on your page for longer. An experienced website developer will know what features can be added and how to best shift elements around, change typography and best optimize UX to create a positive experience for your users.
What are some thing you've noticed about websites that have made you want to leave? You can even post a link with examples!
When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n","rss_body":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n\nYour bounce rate is the percentage of website visitors that come to your website and take no other action before leaving. This is an indicator to search engines that the content they’ve clicked through isn’t valuable or relevant for what the user searched for, or your website isn’t the best source of information for that topic. This can happen for a number of reasons, but lowering that bounce rate is going to be really critical not only for search engine rankings but also to ensure you’re getting the most out of the traffic that you work so hard to funnel to your website to begin with.
\n\n
Why work on your bounce rate?
\n- \n
- The goal for more people is to have a large percentage of your website visitors taking an action on your website. \n
- One of the considerations for website rank by search engines is bounce rate. The lower your bounce rate, the better your potential to rank is. \n
Even the most savvy marketers can miss something when it comes to decreasing the bounce rate on their website. The intricacies of conversion can be a little daunting to master all at once, but with the right strategy, you can slowly bring down your website’s bounce rate.
Here are a few factors that contribute to an increased bounce rate on your website:
Not mobile-friendly
\nIt is very rare that you’ll encounter a web developer that doesn’t leverage mobile-first design. In the design of your website, you should make sure that your developer either asks for your mobile design or insists that they establish the mobile design prior to beginning the development of the website.
\n
Understanding how elements on the page will shift as the browser size changes is critical to creating a good user experience for your website visitors. If images don’t properly shift above or below the words they support or the navigation doesn’t translate in a logical way to a smaller mobile browser, you could risk losing visitors to confusing mobile and tablet views.
Not only should your website developer be looking over your mobile design first, but they should be making intuitive suggestions for search options, filtering and other expert tips to make sure your website translates well to browsers on mobile devices.
Related: HubSpot Developer Utopia - 7 Things to Expert When Developing a HubSpot CMS Website
\nPoorly Planned Design
\n
UX, font size, ugly color contrasts, menu navigation that is too clunky or not intuitive - all of these things contribute to a poor user interface, which can annihilate a bounce rate. It seems logical, but users (especially in the ADD on-demand world we live in today) want to find the information they’re looking for easily, without extra work and without hurting their eyes.
As a rule of thumb, if a user can’t locate the information they want within 4 seconds of clicking on a page, they’re probably leaving for the next source of information. This means that you have to have a simple and intuitive design, fast loading pages, colors that are complementary but not too contrasting and navigation that is easy to understand.
A list of common issues with poorly designed websites?
- \n
- Fonts that are too big or too small \n
- Glaringly contrasting colors that are hard to read or look at \n
- Pages that have too many elements loading at the same time and take longer than 4 seconds to load \n
- Large useless animations \n
- Music that doesn’t allow the user to control the volume or plays the moment a page is clicked \n
- Irrelevant, obnoxious images \n
- Too many ads or banners popping up \n
- Chat or opt-in boxes that are relentless \n
- Layouts that shift as you move down the page \n
Some developers created the Big Ugly Website to give you a hint for the types of things that turn off a user. It seems obvious, but you’d be surprised how often things like font size, color and poor layout are encountered by users.
\n\n
We could go on and on, but those are just a few of the things that can easily frustrate users from a design perspective. You’ll want to minimize or avoid these things entirely to make sure that your users are getting exactly what they are looking for when it comes to your products and services.
Your page loads too slowly
\n
We already discussed the 4 second rule, but there’s a lot more to page load speed than most realize. From your website host and server to excessive plugins, large images, scripts and other elements - every second matters. In fact, according to websitesetup.org: 7 out of 10 people say that the speed of a website page affects their desire to buy from an online retailer. Not only that, but websites that take 5 seconds to load have a 90% bounce rate!
Page load speed matters more than you realize. A few tenths of a second may not seem like much, but if it puts you over that critical threshold, you’re handicapping your ability to convert your visitors and sending your bounce rate up. In the retail industry, decreasing your load time by just one tenth of a second can result in 8.4% increase in conversion rates! That’s HUGE! The same article states that that same .1 second decrease in load speed also yielded 9.2% increase in order size and page view per session by 8.6%
Things like image size and optimization, scripts and old code, fonts and icons, videos and hosting are the biggest culprits for bogging down load speed. We’ve got a write up on page speed optimization that includes 5 factors that could be bogging down your website that you should definitely check out.
Your title tag and meta description may be misleading
\n
In the age of click-bait articles, so many news outlets and blogs are using their title tag and meta description to get people to click through. But when it comes to reducing your bounce rate, relevance matters. You want your user to know in as few words as possible what the information they’re about to click through includes while still ensuring the description is as compelling as possible. A gifted copywriter will be able to assist with this.
For SEO purposes, make sure that your Title Tag is 60 characters or less (or that the most important information is included within those 60 characters) and that your Meta Description is 160 characters or less.
It should be a relevant description of what the user hopes to gain and the keyword that you’re optimizing that particular website page or blog for should be relevant to the topic you’re discussing. Oftentimes a local business makes an effort to optimize their website for a certain product type or service offering and includes that keyword in a blog title that may not be perfectly relevant for that topic.
When it comes to planning your content, it’s most important to offer valuable information without being misleading, spamming keywords or trying to weave in keywords that don’t entirely fit the topic of the blog post or website page.
Remember: Google is trying to deliver the most relevant information to help answer a user's question. The more you focus on the user, the better off you’ll be and the more people will engage with the content that you’re putting out, resulting in lower bounce rates.
Poor quality referrals
\n
Inbound links are a great way to get traffic to your site and increase your credibility with search engines - to a point. You want to make sure that you’re not just listing your business in any irrelevant directory that you can and that every inbound link actually makes sense for the types of people that you’re looking for.
What are good ways to get quality inbound links and referral traffic?
- \n
- Industry specific directories. Are there directories specifically for your industry and offerings? You should be there. As a HubSpot CMS Developer, we’ve become a HubSpot Partner and are now listed in their Partner Marketplace, which has actually been a source of a few great leads for us. Do some research on listings that are relevant to you and see if you can get listed there. It’s a simple and easy way to get qualified referral traffic sent to your site.
- Guest blogging for other websites is a great way to get relevant inbound links to your site. Align yourself with industries that you serve, other authorities in your space and create partnerships with businesses whose products and services cater to a similar audience.
- Keep writing original, quality content. Performing your own research can be a great way to get linked to or even just having original thoughts about problems that your prospects and customers relate to. Don’t underestimate the value of a quality content creator and strategist and NEVER use a bot or AI software to write your blog articles. Your content is the most important way to keep your visitors engaged and you want to make sure it holds plenty of value and thought leadership for web visitors. \n
For most businesses, the goal of your website is to attract visitors and keep them on your website until they make a conversion decision. If a poor design, low quality content, slow loading pages or other elements of your website are pushing them away before they take any desired actions, you need to take action to help keep them on your site and reduce your bounce rate. Installing a heat map software like HotJar is a great start. This will help you to understand what users are doing on your website, optimize the most common actions and eliminate any elements of your site that appear to be confusing to your website visitors.
Using a tool like HotJar in tandem with an experienced web developer will help you understand what actions can be taken to make your website more successful in converting your visitors and keeping them on your page for longer. An experienced website developer will know what features can be added and how to best shift elements around, change typography and best optimize UX to create a positive experience for your users.
What are some thing you've noticed about websites that have made you want to leave? You can even post a link with examples!
When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n","blog_post_schedule_task_uid":null,"blog_publish_to_social_media_task":"DONE_NOT_SENT","blog_publish_instant_email_task_uid":null,"blog_publish_instant_email_campaign_id":null,"blog_publish_instant_email_retry_count":null,"keywords":[],"head_html":null,"footer_html":null,"attached_stylesheets":[],"enable_domain_stylesheets":null,"include_default_custom_css":null,"meta_description":"A high website bounce rate will tell you a lot about conversion opportunities. Here are 6 things that could be sending people away from your website:","meta_keywords":null,"layout_sections":{},"past_mab_experiment_ids":[],"deleted_by":null,"featured_image_alt_text":"","enable_layout_stylesheets":null,"tweet":null,"tweet_at":null,"campaign_name":null,"campaign_utm":null,"tweet_immediately":false,"publish_immediately":true,"security_state":"NONE","scheduled_update_date":0,"placement_guids":[],"property_for_dynamic_page_title":null,"property_for_dynamic_page_slug":null,"property_for_dynamic_page_meta_description":null,"property_for_dynamic_page_featured_image":null,"property_for_dynamic_page_canonical_url":null,"preview_image_src":null,"legacy_blog_tabid":null,"legacy_post_guid":null,"performable_variation_letter":null,"style_override_id":null,"has_user_changes":true,"css":{},"css_text":"","unpublished_at":0,"published_by_id":61310730,"allowed_slug_conflict":false,"ai_features":null,"link_rel_canonical_url":"","page_redirected":false,"page_expiry_enabled":null,"page_expiry_date":null,"page_expiry_redirect_id":null,"page_expiry_redirect_url":null,"deleted_by_id":null,"state_when_deleted":null,"cloned_from":null,"staged_from":null,"personas":[],"compose_body":null,"featured_image":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","featured_image_width":1080,"featured_image_height":1080,"publish_timezone_offset":null,"theme_settings_values":null,"password":null,"header":null,"published_at":1722392510688,"last_edit_session_id":null,"last_edit_update_id":null,"created_by_agent":null},"metaDescription":"A high website bounce rate will tell you a lot about conversion opportunities. Here are 6 things that could be sending people away from your website:","metaKeywords":null,"name":"Website Bounce Rate: 6 Things Sending People Away from Your Website","nextPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","nextPostFeaturedImageAltText":"","nextPostName":"Page Speed Optimization: 5 Factors Bogging Down Your Website","nextPostSlug":"blogs/page-speed-optimization-5-factors-bogging-down-your-website","pageExpiryDate":null,"pageExpiryEnabled":null,"pageExpiryRedirectId":null,"pageExpiryRedirectUrl":null,"pageRedirected":false,"pageTitle":"Website Bounce Rate: 6 Things Sending People Away from Your Website","parentBlog":{"absoluteUrl":"https://deckerdevs.com/blogs","allowComments":true,"ampBodyColor":"#404040","ampBodyFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampBodyFontSize":"18","ampCustomCss":"","ampHeaderBackgroundColor":"#ffffff","ampHeaderColor":"#1e1e1e","ampHeaderFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampHeaderFontSize":"36","ampLinkColor":"#416bb3","ampLogoAlt":"","ampLogoHeight":0,"ampLogoSrc":"","ampLogoWidth":0,"analyticsPageId":62179259185,"attachedStylesheets":[],"audienceAccess":"PUBLIC","businessUnitId":null,"captchaAfterDays":7,"captchaAlways":false,"categoryId":3,"cdnPurgeEmbargoTime":null,"closeCommentsOlder":0,"commentDateFormat":"medium","commentFormGuid":"cb653aa1-3db4-4167-9b59-744c46d49682","commentMaxThreadDepth":3,"commentModeration":false,"commentNotificationEmails":["nicholas@deckerdevs.com","jessica@deckerdevs.com"],"commentShouldCreateContact":true,"commentVerificationText":"Thanks for participating in this conversation! We look forward to responding and to assisting where we can","cosObjectType":"BLOG","created":1639786189589,"createdDateTime":1639786189589,"dailyNotificationEmailId":null,"dateFormattingLanguage":null,"defaultGroupStyleId":"","defaultNotificationFromName":"","defaultNotificationReplyTo":"","deletedAt":0,"description":"rev up your hubspot system to the max! deckerdevs' turbo-charged blog is your ultimate guide to harnessing the full potential of hubspot development. unleash the marketing magic with ingenious tips, tricks, and hacks. get ready to level up your hubspot game!","domain":"","domainWhenPublished":"deckerdevs.com","emailApiSubscriptionId":null,"enableGoogleAmpOutput":false,"enableSocialAutoPublishing":false,"generateJsonLdEnabled":true,"header":null,"htmlFooter":"","htmlFooterIsShared":true,"htmlHead":"","htmlHeadIsShared":true,"htmlKeywords":[],"htmlTitle":"deckerdevs thought nuggets","id":62179259185,"ilsSubscriptionListsByType":{},"instantNotificationEmailId":null,"itemLayoutId":null,"itemTemplateIsShared":false,"itemTemplatePath":"deckerdevs-theme/templates/blog-content.html","label":"deckerdevs live blog","language":"en","legacyGuid":null,"legacyModuleId":null,"legacyTabId":null,"listingLayoutId":null,"listingPageId":62179259186,"listingTemplatePath":"","liveDomain":"deckerdevs.com","monthFilterFormat":"MMMM yyyy","monthlyNotificationEmailId":null,"name":"deckerdevs live blog","parentBlogUpdateTaskId":null,"portalId":6534445,"postHtmlFooter":"","postHtmlHead":"","postsPerListingPage":9,"postsPerRssFeed":10,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publicTitle":"thought nuggets","publishDateFormat":"medium","resolvedDomain":"deckerdevs.com","rootUrl":"https://deckerdevs.com/blogs","rssCustomFeed":null,"rssDescription":null,"rssItemFooter":null,"rssItemHeader":null,"settingsOverrides":{"itemLayoutId":false,"itemTemplatePath":false,"itemTemplateIsShared":false,"listingLayoutId":false,"listingTemplatePath":false,"postsPerListingPage":false,"showSummaryInListing":false,"useFeaturedImageInSummary":false,"htmlHead":false,"postHtmlHead":false,"htmlHeadIsShared":false,"htmlFooter":false,"listingPageHtmlFooter":false,"postHtmlFooter":false,"htmlFooterIsShared":false,"attachedStylesheets":false,"postsPerRssFeed":false,"showSummaryInRss":false,"showSummaryInEmails":false,"showSummariesInEmails":false,"allowComments":false,"commentShouldCreateContact":false,"commentModeration":false,"closeCommentsOlder":false,"commentNotificationEmails":false,"commentMaxThreadDepth":false,"commentVerificationText":false,"socialAccountTwitter":false,"showSocialLinkTwitter":false,"showSocialLinkLinkedin":false,"showSocialLinkFacebook":false,"enableGoogleAmpOutput":false,"ampLogoSrc":false,"ampLogoHeight":false,"ampLogoWidth":false,"ampLogoAlt":false,"ampHeaderFont":false,"ampHeaderFontSize":false,"ampHeaderColor":false,"ampHeaderBackgroundColor":false,"ampBodyFont":false,"ampBodyFontSize":false,"ampBodyColor":false,"ampLinkColor":false,"generateJsonLdEnabled":false},"showSocialLinkFacebook":true,"showSocialLinkLinkedin":true,"showSocialLinkTwitter":true,"showSummaryInEmails":true,"showSummaryInListing":true,"showSummaryInRss":true,"siteId":null,"slug":"blogs","socialAccountTwitter":"","state":null,"subscriptionContactsProperty":null,"subscriptionEmailType":null,"subscriptionFormGuid":null,"subscriptionListsByType":{},"title":null,"translatedFromId":null,"translations":{},"updated":1712344124471,"updatedDateTime":1712344124471,"urlBase":"deckerdevs.com/blogs","urlSegments":{"all":"all","archive":"archive","author":"author","page":"page","tag":"tag"},"useFeaturedImageInSummary":true,"usesDefaultTemplate":false,"weeklyNotificationEmailId":null},"password":null,"pastMabExperimentIds":[],"performableGuid":null,"performableVariationLetter":null,"personas":[],"placementGuids":[],"portableKey":null,"portalId":6534445,"position":null,"postBody":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n\nYour bounce rate is the percentage of website visitors that come to your website and take no other action before leaving. This is an indicator to search engines that the content they’ve clicked through isn’t valuable or relevant for what the user searched for, or your website isn’t the best source of information for that topic. This can happen for a number of reasons, but lowering that bounce rate is going to be really critical not only for search engine rankings but also to ensure you’re getting the most out of the traffic that you work so hard to funnel to your website to begin with.
\n\n
Why work on your bounce rate?
\n- \n
- The goal for more people is to have a large percentage of your website visitors taking an action on your website. \n
- One of the considerations for website rank by search engines is bounce rate. The lower your bounce rate, the better your potential to rank is. \n
Even the most savvy marketers can miss something when it comes to decreasing the bounce rate on their website. The intricacies of conversion can be a little daunting to master all at once, but with the right strategy, you can slowly bring down your website’s bounce rate.
Here are a few factors that contribute to an increased bounce rate on your website:
Not mobile-friendly
\nIt is very rare that you’ll encounter a web developer that doesn’t leverage mobile-first design. In the design of your website, you should make sure that your developer either asks for your mobile design or insists that they establish the mobile design prior to beginning the development of the website.
\n
Understanding how elements on the page will shift as the browser size changes is critical to creating a good user experience for your website visitors. If images don’t properly shift above or below the words they support or the navigation doesn’t translate in a logical way to a smaller mobile browser, you could risk losing visitors to confusing mobile and tablet views.
Not only should your website developer be looking over your mobile design first, but they should be making intuitive suggestions for search options, filtering and other expert tips to make sure your website translates well to browsers on mobile devices.
Related: HubSpot Developer Utopia - 7 Things to Expert When Developing a HubSpot CMS Website
\nPoorly Planned Design
\n
UX, font size, ugly color contrasts, menu navigation that is too clunky or not intuitive - all of these things contribute to a poor user interface, which can annihilate a bounce rate. It seems logical, but users (especially in the ADD on-demand world we live in today) want to find the information they’re looking for easily, without extra work and without hurting their eyes.
As a rule of thumb, if a user can’t locate the information they want within 4 seconds of clicking on a page, they’re probably leaving for the next source of information. This means that you have to have a simple and intuitive design, fast loading pages, colors that are complementary but not too contrasting and navigation that is easy to understand.
A list of common issues with poorly designed websites?
- \n
- Fonts that are too big or too small \n
- Glaringly contrasting colors that are hard to read or look at \n
- Pages that have too many elements loading at the same time and take longer than 4 seconds to load \n
- Large useless animations \n
- Music that doesn’t allow the user to control the volume or plays the moment a page is clicked \n
- Irrelevant, obnoxious images \n
- Too many ads or banners popping up \n
- Chat or opt-in boxes that are relentless \n
- Layouts that shift as you move down the page \n
Some developers created the Big Ugly Website to give you a hint for the types of things that turn off a user. It seems obvious, but you’d be surprised how often things like font size, color and poor layout are encountered by users.
\n\n
We could go on and on, but those are just a few of the things that can easily frustrate users from a design perspective. You’ll want to minimize or avoid these things entirely to make sure that your users are getting exactly what they are looking for when it comes to your products and services.
Your page loads too slowly
\n
We already discussed the 4 second rule, but there’s a lot more to page load speed than most realize. From your website host and server to excessive plugins, large images, scripts and other elements - every second matters. In fact, according to websitesetup.org: 7 out of 10 people say that the speed of a website page affects their desire to buy from an online retailer. Not only that, but websites that take 5 seconds to load have a 90% bounce rate!
Page load speed matters more than you realize. A few tenths of a second may not seem like much, but if it puts you over that critical threshold, you’re handicapping your ability to convert your visitors and sending your bounce rate up. In the retail industry, decreasing your load time by just one tenth of a second can result in 8.4% increase in conversion rates! That’s HUGE! The same article states that that same .1 second decrease in load speed also yielded 9.2% increase in order size and page view per session by 8.6%
Things like image size and optimization, scripts and old code, fonts and icons, videos and hosting are the biggest culprits for bogging down load speed. We’ve got a write up on page speed optimization that includes 5 factors that could be bogging down your website that you should definitely check out.
Your title tag and meta description may be misleading
\n
In the age of click-bait articles, so many news outlets and blogs are using their title tag and meta description to get people to click through. But when it comes to reducing your bounce rate, relevance matters. You want your user to know in as few words as possible what the information they’re about to click through includes while still ensuring the description is as compelling as possible. A gifted copywriter will be able to assist with this.
For SEO purposes, make sure that your Title Tag is 60 characters or less (or that the most important information is included within those 60 characters) and that your Meta Description is 160 characters or less.
It should be a relevant description of what the user hopes to gain and the keyword that you’re optimizing that particular website page or blog for should be relevant to the topic you’re discussing. Oftentimes a local business makes an effort to optimize their website for a certain product type or service offering and includes that keyword in a blog title that may not be perfectly relevant for that topic.
When it comes to planning your content, it’s most important to offer valuable information without being misleading, spamming keywords or trying to weave in keywords that don’t entirely fit the topic of the blog post or website page.
Remember: Google is trying to deliver the most relevant information to help answer a user's question. The more you focus on the user, the better off you’ll be and the more people will engage with the content that you’re putting out, resulting in lower bounce rates.
Poor quality referrals
\n
Inbound links are a great way to get traffic to your site and increase your credibility with search engines - to a point. You want to make sure that you’re not just listing your business in any irrelevant directory that you can and that every inbound link actually makes sense for the types of people that you’re looking for.
What are good ways to get quality inbound links and referral traffic?
- \n
- Industry specific directories. Are there directories specifically for your industry and offerings? You should be there. As a HubSpot CMS Developer, we’ve become a HubSpot Partner and are now listed in their Partner Marketplace, which has actually been a source of a few great leads for us. Do some research on listings that are relevant to you and see if you can get listed there. It’s a simple and easy way to get qualified referral traffic sent to your site.
- Guest blogging for other websites is a great way to get relevant inbound links to your site. Align yourself with industries that you serve, other authorities in your space and create partnerships with businesses whose products and services cater to a similar audience.
- Keep writing original, quality content. Performing your own research can be a great way to get linked to or even just having original thoughts about problems that your prospects and customers relate to. Don’t underestimate the value of a quality content creator and strategist and NEVER use a bot or AI software to write your blog articles. Your content is the most important way to keep your visitors engaged and you want to make sure it holds plenty of value and thought leadership for web visitors. \n
For most businesses, the goal of your website is to attract visitors and keep them on your website until they make a conversion decision. If a poor design, low quality content, slow loading pages or other elements of your website are pushing them away before they take any desired actions, you need to take action to help keep them on your site and reduce your bounce rate. Installing a heat map software like HotJar is a great start. This will help you to understand what users are doing on your website, optimize the most common actions and eliminate any elements of your site that appear to be confusing to your website visitors.
Using a tool like HotJar in tandem with an experienced web developer will help you understand what actions can be taken to make your website more successful in converting your visitors and keeping them on your page for longer. An experienced website developer will know what features can be added and how to best shift elements around, change typography and best optimize UX to create a positive experience for your users.
What are some thing you've noticed about websites that have made you want to leave? You can even post a link with examples!
When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n\nYour bounce rate is the percentage of website visitors that come to your website and take no other action before leaving. This is an indicator to search engines that the content they’ve clicked through isn’t valuable or relevant for what the user searched for, or your website isn’t the best source of information for that topic. This can happen for a number of reasons, but lowering that bounce rate is going to be really critical not only for search engine rankings but also to ensure you’re getting the most out of the traffic that you work so hard to funnel to your website to begin with.
\n\n
Why work on your bounce rate?
\n- \n
- The goal for more people is to have a large percentage of your website visitors taking an action on your website. \n
- One of the considerations for website rank by search engines is bounce rate. The lower your bounce rate, the better your potential to rank is. \n
Even the most savvy marketers can miss something when it comes to decreasing the bounce rate on their website. The intricacies of conversion can be a little daunting to master all at once, but with the right strategy, you can slowly bring down your website’s bounce rate.
Here are a few factors that contribute to an increased bounce rate on your website:
Not mobile-friendly
\nIt is very rare that you’ll encounter a web developer that doesn’t leverage mobile-first design. In the design of your website, you should make sure that your developer either asks for your mobile design or insists that they establish the mobile design prior to beginning the development of the website.
\n
Understanding how elements on the page will shift as the browser size changes is critical to creating a good user experience for your website visitors. If images don’t properly shift above or below the words they support or the navigation doesn’t translate in a logical way to a smaller mobile browser, you could risk losing visitors to confusing mobile and tablet views.
Not only should your website developer be looking over your mobile design first, but they should be making intuitive suggestions for search options, filtering and other expert tips to make sure your website translates well to browsers on mobile devices.
Related: HubSpot Developer Utopia - 7 Things to Expert When Developing a HubSpot CMS Website
\nPoorly Planned Design
\n
UX, font size, ugly color contrasts, menu navigation that is too clunky or not intuitive - all of these things contribute to a poor user interface, which can annihilate a bounce rate. It seems logical, but users (especially in the ADD on-demand world we live in today) want to find the information they’re looking for easily, without extra work and without hurting their eyes.
As a rule of thumb, if a user can’t locate the information they want within 4 seconds of clicking on a page, they’re probably leaving for the next source of information. This means that you have to have a simple and intuitive design, fast loading pages, colors that are complementary but not too contrasting and navigation that is easy to understand.
A list of common issues with poorly designed websites?
- \n
- Fonts that are too big or too small \n
- Glaringly contrasting colors that are hard to read or look at \n
- Pages that have too many elements loading at the same time and take longer than 4 seconds to load \n
- Large useless animations \n
- Music that doesn’t allow the user to control the volume or plays the moment a page is clicked \n
- Irrelevant, obnoxious images \n
- Too many ads or banners popping up \n
- Chat or opt-in boxes that are relentless \n
- Layouts that shift as you move down the page \n
Some developers created the Big Ugly Website to give you a hint for the types of things that turn off a user. It seems obvious, but you’d be surprised how often things like font size, color and poor layout are encountered by users.
\n\n
We could go on and on, but those are just a few of the things that can easily frustrate users from a design perspective. You’ll want to minimize or avoid these things entirely to make sure that your users are getting exactly what they are looking for when it comes to your products and services.
Your page loads too slowly
\n
We already discussed the 4 second rule, but there’s a lot more to page load speed than most realize. From your website host and server to excessive plugins, large images, scripts and other elements - every second matters. In fact, according to websitesetup.org: 7 out of 10 people say that the speed of a website page affects their desire to buy from an online retailer. Not only that, but websites that take 5 seconds to load have a 90% bounce rate!
Page load speed matters more than you realize. A few tenths of a second may not seem like much, but if it puts you over that critical threshold, you’re handicapping your ability to convert your visitors and sending your bounce rate up. In the retail industry, decreasing your load time by just one tenth of a second can result in 8.4% increase in conversion rates! That’s HUGE! The same article states that that same .1 second decrease in load speed also yielded 9.2% increase in order size and page view per session by 8.6%
Things like image size and optimization, scripts and old code, fonts and icons, videos and hosting are the biggest culprits for bogging down load speed. We’ve got a write up on page speed optimization that includes 5 factors that could be bogging down your website that you should definitely check out.
Your title tag and meta description may be misleading
\n
In the age of click-bait articles, so many news outlets and blogs are using their title tag and meta description to get people to click through. But when it comes to reducing your bounce rate, relevance matters. You want your user to know in as few words as possible what the information they’re about to click through includes while still ensuring the description is as compelling as possible. A gifted copywriter will be able to assist with this.
For SEO purposes, make sure that your Title Tag is 60 characters or less (or that the most important information is included within those 60 characters) and that your Meta Description is 160 characters or less.
It should be a relevant description of what the user hopes to gain and the keyword that you’re optimizing that particular website page or blog for should be relevant to the topic you’re discussing. Oftentimes a local business makes an effort to optimize their website for a certain product type or service offering and includes that keyword in a blog title that may not be perfectly relevant for that topic.
When it comes to planning your content, it’s most important to offer valuable information without being misleading, spamming keywords or trying to weave in keywords that don’t entirely fit the topic of the blog post or website page.
Remember: Google is trying to deliver the most relevant information to help answer a user's question. The more you focus on the user, the better off you’ll be and the more people will engage with the content that you’re putting out, resulting in lower bounce rates.
Poor quality referrals
\n
Inbound links are a great way to get traffic to your site and increase your credibility with search engines - to a point. You want to make sure that you’re not just listing your business in any irrelevant directory that you can and that every inbound link actually makes sense for the types of people that you’re looking for.
What are good ways to get quality inbound links and referral traffic?
- \n
- Industry specific directories. Are there directories specifically for your industry and offerings? You should be there. As a HubSpot CMS Developer, we’ve become a HubSpot Partner and are now listed in their Partner Marketplace, which has actually been a source of a few great leads for us. Do some research on listings that are relevant to you and see if you can get listed there. It’s a simple and easy way to get qualified referral traffic sent to your site.
- Guest blogging for other websites is a great way to get relevant inbound links to your site. Align yourself with industries that you serve, other authorities in your space and create partnerships with businesses whose products and services cater to a similar audience.
- Keep writing original, quality content. Performing your own research can be a great way to get linked to or even just having original thoughts about problems that your prospects and customers relate to. Don’t underestimate the value of a quality content creator and strategist and NEVER use a bot or AI software to write your blog articles. Your content is the most important way to keep your visitors engaged and you want to make sure it holds plenty of value and thought leadership for web visitors. \n
For most businesses, the goal of your website is to attract visitors and keep them on your website until they make a conversion decision. If a poor design, low quality content, slow loading pages or other elements of your website are pushing them away before they take any desired actions, you need to take action to help keep them on your site and reduce your bounce rate. Installing a heat map software like HotJar is a great start. This will help you to understand what users are doing on your website, optimize the most common actions and eliminate any elements of your site that appear to be confusing to your website visitors.
Using a tool like HotJar in tandem with an experienced web developer will help you understand what actions can be taken to make your website more successful in converting your visitors and keeping them on your page for longer. An experienced website developer will know what features can be added and how to best shift elements around, change typography and best optimize UX to create a positive experience for your users.
What are some thing you've noticed about websites that have made you want to leave? You can even post a link with examples!
When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
","postFeaturedImageIfEnabled":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","postListContent":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
","postListSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","postRssContent":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
","postRssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","postSummary":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n","postSummaryRss":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
","postTemplate":"deckerdevs-theme/templates/blog-content.html","previewImageSrc":null,"previewKey":"iJBRBQFE","previousPostFeaturedImage":"https://i.imgflip.com/1itoun.jpg?a463920","previousPostFeaturedImageAltText":"","previousPostName":"How to Organize a Mega Menu for IT Managed Services Company","previousPostSlug":"blogs/how-to-organize-a-mega-menu-for-it-managed-services-company","processingStatus":"PUBLISHED","propertyForDynamicPageCanonicalUrl":null,"propertyForDynamicPageFeaturedImage":null,"propertyForDynamicPageMetaDescription":null,"propertyForDynamicPageSlug":null,"propertyForDynamicPageTitle":null,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publishDate":1660312257000,"publishDateLocalTime":1660312257000,"publishDateLocalized":{"date":1660312257000,"format":"medium","language":null},"publishImmediately":true,"publishTimezoneOffset":null,"publishedAt":1722392510688,"publishedByEmail":null,"publishedById":61310730,"publishedByName":null,"publishedUrl":"https://deckerdevs.com/blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","resolvedDomain":"deckerdevs.com","resolvedLanguage":null,"rssBody":"When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n\nYour bounce rate is the percentage of website visitors that come to your website and take no other action before leaving. This is an indicator to search engines that the content they’ve clicked through isn’t valuable or relevant for what the user searched for, or your website isn’t the best source of information for that topic. This can happen for a number of reasons, but lowering that bounce rate is going to be really critical not only for search engine rankings but also to ensure you’re getting the most out of the traffic that you work so hard to funnel to your website to begin with.
\n\n
Why work on your bounce rate?
\n- \n
- The goal for more people is to have a large percentage of your website visitors taking an action on your website. \n
- One of the considerations for website rank by search engines is bounce rate. The lower your bounce rate, the better your potential to rank is. \n
Even the most savvy marketers can miss something when it comes to decreasing the bounce rate on their website. The intricacies of conversion can be a little daunting to master all at once, but with the right strategy, you can slowly bring down your website’s bounce rate.
Here are a few factors that contribute to an increased bounce rate on your website:
Not mobile-friendly
\nIt is very rare that you’ll encounter a web developer that doesn’t leverage mobile-first design. In the design of your website, you should make sure that your developer either asks for your mobile design or insists that they establish the mobile design prior to beginning the development of the website.
\n
Understanding how elements on the page will shift as the browser size changes is critical to creating a good user experience for your website visitors. If images don’t properly shift above or below the words they support or the navigation doesn’t translate in a logical way to a smaller mobile browser, you could risk losing visitors to confusing mobile and tablet views.
Not only should your website developer be looking over your mobile design first, but they should be making intuitive suggestions for search options, filtering and other expert tips to make sure your website translates well to browsers on mobile devices.
Related: HubSpot Developer Utopia - 7 Things to Expert When Developing a HubSpot CMS Website
\nPoorly Planned Design
\n
UX, font size, ugly color contrasts, menu navigation that is too clunky or not intuitive - all of these things contribute to a poor user interface, which can annihilate a bounce rate. It seems logical, but users (especially in the ADD on-demand world we live in today) want to find the information they’re looking for easily, without extra work and without hurting their eyes.
As a rule of thumb, if a user can’t locate the information they want within 4 seconds of clicking on a page, they’re probably leaving for the next source of information. This means that you have to have a simple and intuitive design, fast loading pages, colors that are complementary but not too contrasting and navigation that is easy to understand.
A list of common issues with poorly designed websites?
- \n
- Fonts that are too big or too small \n
- Glaringly contrasting colors that are hard to read or look at \n
- Pages that have too many elements loading at the same time and take longer than 4 seconds to load \n
- Large useless animations \n
- Music that doesn’t allow the user to control the volume or plays the moment a page is clicked \n
- Irrelevant, obnoxious images \n
- Too many ads or banners popping up \n
- Chat or opt-in boxes that are relentless \n
- Layouts that shift as you move down the page \n
Some developers created the Big Ugly Website to give you a hint for the types of things that turn off a user. It seems obvious, but you’d be surprised how often things like font size, color and poor layout are encountered by users.
\n\n
We could go on and on, but those are just a few of the things that can easily frustrate users from a design perspective. You’ll want to minimize or avoid these things entirely to make sure that your users are getting exactly what they are looking for when it comes to your products and services.
Your page loads too slowly
\n
We already discussed the 4 second rule, but there’s a lot more to page load speed than most realize. From your website host and server to excessive plugins, large images, scripts and other elements - every second matters. In fact, according to websitesetup.org: 7 out of 10 people say that the speed of a website page affects their desire to buy from an online retailer. Not only that, but websites that take 5 seconds to load have a 90% bounce rate!
Page load speed matters more than you realize. A few tenths of a second may not seem like much, but if it puts you over that critical threshold, you’re handicapping your ability to convert your visitors and sending your bounce rate up. In the retail industry, decreasing your load time by just one tenth of a second can result in 8.4% increase in conversion rates! That’s HUGE! The same article states that that same .1 second decrease in load speed also yielded 9.2% increase in order size and page view per session by 8.6%
Things like image size and optimization, scripts and old code, fonts and icons, videos and hosting are the biggest culprits for bogging down load speed. We’ve got a write up on page speed optimization that includes 5 factors that could be bogging down your website that you should definitely check out.
Your title tag and meta description may be misleading
\n
In the age of click-bait articles, so many news outlets and blogs are using their title tag and meta description to get people to click through. But when it comes to reducing your bounce rate, relevance matters. You want your user to know in as few words as possible what the information they’re about to click through includes while still ensuring the description is as compelling as possible. A gifted copywriter will be able to assist with this.
For SEO purposes, make sure that your Title Tag is 60 characters or less (or that the most important information is included within those 60 characters) and that your Meta Description is 160 characters or less.
It should be a relevant description of what the user hopes to gain and the keyword that you’re optimizing that particular website page or blog for should be relevant to the topic you’re discussing. Oftentimes a local business makes an effort to optimize their website for a certain product type or service offering and includes that keyword in a blog title that may not be perfectly relevant for that topic.
When it comes to planning your content, it’s most important to offer valuable information without being misleading, spamming keywords or trying to weave in keywords that don’t entirely fit the topic of the blog post or website page.
Remember: Google is trying to deliver the most relevant information to help answer a user's question. The more you focus on the user, the better off you’ll be and the more people will engage with the content that you’re putting out, resulting in lower bounce rates.
Poor quality referrals
\n
Inbound links are a great way to get traffic to your site and increase your credibility with search engines - to a point. You want to make sure that you’re not just listing your business in any irrelevant directory that you can and that every inbound link actually makes sense for the types of people that you’re looking for.
What are good ways to get quality inbound links and referral traffic?
- \n
- Industry specific directories. Are there directories specifically for your industry and offerings? You should be there. As a HubSpot CMS Developer, we’ve become a HubSpot Partner and are now listed in their Partner Marketplace, which has actually been a source of a few great leads for us. Do some research on listings that are relevant to you and see if you can get listed there. It’s a simple and easy way to get qualified referral traffic sent to your site.
- Guest blogging for other websites is a great way to get relevant inbound links to your site. Align yourself with industries that you serve, other authorities in your space and create partnerships with businesses whose products and services cater to a similar audience.
- Keep writing original, quality content. Performing your own research can be a great way to get linked to or even just having original thoughts about problems that your prospects and customers relate to. Don’t underestimate the value of a quality content creator and strategist and NEVER use a bot or AI software to write your blog articles. Your content is the most important way to keep your visitors engaged and you want to make sure it holds plenty of value and thought leadership for web visitors. \n
For most businesses, the goal of your website is to attract visitors and keep them on your website until they make a conversion decision. If a poor design, low quality content, slow loading pages or other elements of your website are pushing them away before they take any desired actions, you need to take action to help keep them on your site and reduce your bounce rate. Installing a heat map software like HotJar is a great start. This will help you to understand what users are doing on your website, optimize the most common actions and eliminate any elements of your site that appear to be confusing to your website visitors.
Using a tool like HotJar in tandem with an experienced web developer will help you understand what actions can be taken to make your website more successful in converting your visitors and keeping them on your page for longer. An experienced website developer will know what features can be added and how to best shift elements around, change typography and best optimize UX to create a positive experience for your users.
What are some thing you've noticed about websites that have made you want to leave? You can even post a link with examples!
When it comes to the psychology of buying decisions, so many tiny elements that you may not even realize are contributing to whether or not a user makes a conversion action on your website. There are technical elements, psychological elements, aesthetic elements and other aspects of your website that are all either coming together to help a prospect make the decision you want, or pushing them away. Marketers spend years mastering content marketing, technical SEO, and consulting with web development professionals on UX issues to make sure that the conditions are perfect when a prospect arrives on their website - only to be stumped when their bounce rate goes over 60%.
\n","rssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","scheduledUpdateDate":0,"screenshotPreviewTakenAt":1736734910774,"screenshotPreviewUrl":"https://cdn1.hubspot.net/hubshotv3/prod/e/0/0f57bde4-e105-4bac-b2c9-549369beae8b.png","sections":{},"securityState":"NONE","siteId":null,"slug":"blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","stagedFrom":null,"state":"PUBLISHED","stateWhenDeleted":null,"structuredContentPageType":null,"structuredContentType":null,"styleOverrideId":null,"subcategory":"normal_blog_post","syncedWithBlogRoot":true,"tagIds":[64085693442,66629131047,81427988227,81852672619],"tagList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1645212193351,"deletedAt":0,"description":"","id":66629131047,"label":"SEO","language":"en","name":"SEO","portalId":6534445,"slug":"seo","translatedFromId":null,"translations":{},"updated":1645212193351},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1659976163308,"deletedAt":0,"description":"","id":81427988227,"label":"HubSpot CMS","language":"en","name":"HubSpot CMS","portalId":6534445,"slug":"hubspot-cms","translatedFromId":null,"translations":{},"updated":1659976163308},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1660323580803,"deletedAt":0,"description":"","id":81852672619,"label":"bounce rate","language":"en","name":"bounce rate","portalId":6534445,"slug":"bounce-rate","translatedFromId":null,"translations":{},"updated":1660323580803}],"tagNames":["website optimization","SEO","HubSpot CMS","bounce rate"],"teamPerms":[],"templatePath":"","templatePathForRender":"deckerdevs-theme/templates/blog-content.html","textToAudioFileId":null,"textToAudioGenerationRequestId":null,"themePath":null,"themeSettingsValues":null,"title":"Website Bounce Rate: 6 Things Sending People Away from Your Website","tmsId":null,"topicIds":[64085693442,66629131047,81427988227,81852672619],"topicList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1645212193351,"deletedAt":0,"description":"","id":66629131047,"label":"SEO","language":"en","name":"SEO","portalId":6534445,"slug":"seo","translatedFromId":null,"translations":{},"updated":1645212193351},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1659976163308,"deletedAt":0,"description":"","id":81427988227,"label":"HubSpot CMS","language":"en","name":"HubSpot CMS","portalId":6534445,"slug":"hubspot-cms","translatedFromId":null,"translations":{},"updated":1659976163308},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1660323580803,"deletedAt":0,"description":"","id":81852672619,"label":"bounce rate","language":"en","name":"bounce rate","portalId":6534445,"slug":"bounce-rate","translatedFromId":null,"translations":{},"updated":1660323580803}],"topicNames":["website optimization","SEO","HubSpot CMS","bounce rate"],"topics":[64085693442,66629131047,81427988227,81852672619],"translatedContent":{},"translatedFromId":null,"translations":{},"tweet":null,"tweetAt":null,"tweetImmediately":false,"unpublishedAt":0,"updated":1722392510692,"updatedById":61310730,"upsizeFeaturedImage":false,"url":"https://deckerdevs.com/blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","useFeaturedImage":true,"userPerms":[],"views":null,"visibleToAll":null,"widgetContainers":{},"widgetcontainers":{},"widgets":{"blog-hero":{"body":{"column_split":"split-40-60","flip_columns_on_desktop":true,"heading":"Website Bounce Rate: 6 Things Sending People Away from Your Website","heading_size":"h1","heading_tag":"h1","image_holder":{"image_field":{"alt":"deckerdevs-bounce rate","height":1080,"loading":"lazy","max_height":1080,"max_width":1080,"size_type":"auto","src":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","width":1080}}},"child_css":{},"css":{},"id":"blog-hero","label":null,"module_id":82854350373,"name":"blog-hero","order":1,"smart_type":null,"styles":{},"type":"module"},"blog-image":{"body":{"image_field":{"alt":"pattern-2","height":563,"loading":"lazy","max_height":563,"max_width":1000,"size_type":"auto","src":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/pattern-2.jpg","width":1000},"module_id":62246908725},"child_css":{},"css":{},"deleted_at":1692621728763,"id":"blog-image","label":null,"module_id":62246908725,"name":"blog-image","order":3,"smart_type":null,"styles":{},"type":"module"},"blog-posts":{"body":{"heading":"Some Other Recent Thoughts"},"child_css":{},"css":{},"id":"blog-posts","label":null,"module_id":82853805588,"name":"blog-posts","order":4,"smart_type":null,"styles":{},"type":"module"}}},{"ab":false,"abStatus":null,"abTestId":null,"abVariation":false,"abVariationAutomated":false,"absoluteUrl":"https://deckerdevs.com/blogs/page-speed-optimization-5-factors-bogging-down-your-website","afterPostBody":null,"aifeatures":null,"allowedSlugConflict":false,"analytics":null,"analyticsPageId":"66629130930","analyticsPageType":"blog-post","approvalStatus":null,"archived":false,"archivedAt":0,"archivedInDashboard":false,"areCommentsAllowed":true,"attachedStylesheets":[],"audienceAccess":"PUBLIC","author":null,"authorName":null,"authorUsername":null,"blogAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogAuthorId":62235724408,"blogPostAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogPostScheduleTaskUid":null,"blogPublishInstantEmailCampaignId":null,"blogPublishInstantEmailRetryCount":null,"blogPublishInstantEmailTaskUid":null,"blogPublishToSocialMediaTask":"DONE_NOT_SENT","blueprintTypeId":0,"businessUnitId":null,"campaign":null,"campaignName":null,"campaignUtm":null,"category":3,"categoryId":3,"cdnPurgeEmbargoTime":null,"checkPostLevelAudienceAccessFirst":true,"clonedFrom":null,"composeBody":null,"compositionId":0,"contentAccessRuleIds":[],"contentAccessRuleTypes":[],"contentGroup":62179259185,"contentGroupId":62179259185,"contentTypeCategory":3,"contentTypeCategoryId":3,"contentTypeId":null,"created":1645212090630,"createdByAgent":null,"createdById":27630257,"createdTime":1645212090630,"crmObjectId":null,"css":{},"cssText":"","ctaClicks":null,"ctaViews":null,"currentState":"PUBLISHED","currentlyPublished":true,"deletedAt":0,"deletedBy":null,"deletedByEmail":null,"deletedById":null,"domain":"","dynamicPageDataSourceId":null,"dynamicPageDataSourceType":null,"dynamicPageHubDbTableId":null,"enableDomainStylesheets":null,"enableGoogleAmpOutputOverride":false,"enableLayoutStylesheets":null,"errors":[],"featuredImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","featuredImageAltText":"","featuredImageHeight":1080,"featuredImageLength":0,"featuredImageWidth":1080,"flexAreas":{},"folderId":null,"footerHtml":null,"freezeDate":1645214073000,"generateJsonLdEnabledOverride":true,"hasContentAccessRules":false,"hasUserChanges":true,"headHtml":null,"header":null,"htmlTitle":"Page Speed Optimization: 5 Factors Bogging Down Your Website","id":66629130930,"includeDefaultCustomCss":null,"isCaptchaRequired":true,"isCrawlableByBots":false,"isDraft":false,"isInstanceLayoutPage":false,"isInstantEmailEnabled":false,"isPublished":true,"isSocialPublishingEnabled":false,"keywords":[],"label":"Page Speed Optimization: 5 Factors Bogging Down Your Website","language":"en","lastEditSessionId":null,"lastEditUpdateId":null,"layoutSections":{},"legacyBlogTabid":null,"legacyId":null,"legacyPostGuid":null,"linkRelCanonicalUrl":"","listTemplate":"","liveDomain":"deckerdevs.com","mab":false,"mabExperimentId":null,"mabMaster":false,"mabVariant":false,"meta":{"html_title":"Page Speed Optimization: 5 Factors Bogging Down Your Website","public_access_rules":[],"public_access_rules_enabled":false,"enable_google_amp_output_override":false,"generate_json_ld_enabled":true,"composition_id":0,"is_crawlable_by_bots":false,"use_featured_image":true,"post_body":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n\nWhen it comes to website speed, many factors contribute to long load times. When these get stacked, you’re left with what we call “website bloat.” It’s kind of like when you eat too much asThanksgiving dinner:Individually all of the things that you’ve added to your plate served their purpose, but an hour after dinner, things are running a little more slowly.
\n\n
Have you ever conducted a search for a recipe online only to find yourself in a site-loading nightmare? Your screen is cluttered with ads, chat boxes, email subscription pop-ups, and images and videos that take forever to load. It’s a user experience nightmare when all you wanted was a recipe!
\n\n
If your website takes forever to load, users can’t access the information they need efficiently and will probably seek it elsewhere, resulting in not only missed opportunities for you, but increasing your bounce rate and subsequently decreasing your search engine rankings.
\n\n
Your website was probably built with a certain version of your organization and marketing process in mind. However, as you’ve grown you’ve added landing pages, plug-ins, tracking scripts, new images, widgets, and other content that’s important for your prospects. If this content wasn’t added by a skilled web developer, or if your original website wasn’t built to accommodate growth, you may now be experiencing website bloat and slower page load times.
\n\n
Let’s take a look at factors that could be contributing to your slow page loading times and explore what you can do to optimize page speed:
\n\n
1. Image Size & Optimization
\n\n
Images make up an average of 21% of a website’s total “weight.” When adding images to your website you need to balance a small file size with maintaining visual quality. When you use images that are too large, you’ll have high quality, but bog down the page loading times. When you use images that are too small, you’ll have poor quality, which will also have a negative impact on user experience.
\n\n
To optimize images for the web, use tools such as:
\n- \n
- Photo-editing software \n
- Wordpress plugins \n
- Manual resizing in image file manager \n
If you’re lucky enough to be on HubSpot CMS, your images are automatically resized on upload.
\n\n
If you’re not, we recommend Squoosh, a free app for image optimization. The Squoosh app lets you see different steps when optimizing images, which is useful for design novices. It has a bar that can be moved across the image to check the resolution difference between the original and resized image.Drag and drop the image you want to optimize to the app, click “download” to get the resized version, then load it to your website.
\n\n
Note: PNG and JPEG are the best file types for uploading images. PNG images are best for simple images and JPEG is best for images with a lot of color.
\n\n
2. Video Size & Optimization
\n\n
Video accounts for more than 50% of daily media consumption in the U.S. The growing popularity of video marketing makes it essential for any brand hoping to increase user engagement, but videos require significant bandwidth.
\n\n
Here are a few tips:
\n\n
Use Externally Hosted Content
\nTo make sure your page load times don’t suffer, load your videos onto a hosting platform like YouTube, Wistia, or Vimeo before embedding them on your website. While there are benefits to self hosted content (the pros and cons of which can be viewed in this article from Invisible Harness), we usually recommend that clients use external video hosting (review the pros and cons of self-hosted videos).
\n\n
Carefully consider where your videos are hosted. YouTube, for example, weighs down your site with ad scripts and data collection. When the video ends, other YouTube videos are displayed, which threatens to draw visitors away from your website. Wistia and Vimeo may be better options.
\n\n
Use Lazy Loading
\nBe sure your developer uses lazy loading for video content. Lazy loading will only load the content visible to the visitor, then load additional content as the visitor begins scrolling. This helps ensure a user is engaged before loading the rest of the page.
\n\n
Use the Right File Type
\nUsing the proper file format will ensure your video loads properly and displays on all browsers and devices. H264 is the most compatible video codec (file type); it’s considered the best choice for efficiency and compatibility. You can learn more about it in this article from dacast: Best Video Codec for Web Streaming.
\n\n
Other Optimization Tips
\n- \n
- Make the video part of the website layout. You don’t want to take over the screen. Give your users the option to expand the video if they choose to. \n
- \n
- Make it slow-connection friendly. Be sure that users with slow internet connections have an option to view a more compressed version of the video file. In this article, Wondershare breaks down both their video compression tool and other available options for compressing your videos for web pages. \n
- \n
- Do not allow autoplay. Skipping autoplay not only decreases page load time but optimizes user experience, since autoplay videos can be unexpected and annoying for visitors. If you must use autoplay, let the user turn on the sound themselves.
3. Fonts & Icons
\n\n
Your website aesthetic matters. Make sure your webpage is in line with your branding, and balance that closely with page load times. Having complementary fonts and icons assures cohesiveness among headings, navigation, and footers.
\n\n
Here are a few considerations:
\n\n
Fonts
\nSpecify branded fonts in your style guide can bring a cohesive look and feel to your website. . However, using too many custom fonts that need to be loaded from typescript or other external resources can bog down page load time since the fonts aren’t cached. Instead, consider specifying default and Google fonts maintains cohesion while also ensuring that your fonts load faster, as they’re usually already cached on the user’s device.
\n\n
Icons
\nIcons can communicate the purposes of products and services without using large photos. Find icons in font libraries, but only load the ones you need to avoid decreasing page load speed. Font Awesome is our favorite place to browse icon libraries.
\n\n
4. Scripts & Legacy Code
\n\n
Scripts
\nYour website consists of many different scripts that load to automate functions or pass information to third parties such as HubSpot or Google Analytics. These scripts are responsible for loading analytics tools, chat bots, videos, social media share buttons, and more. However, when you work with an inexperienced developer, these scripts can be misplaced on your site and have a negative impact on your page load time.
\n\n
A tool like Google Tag Manager will help your developer set these up correctly and keep them out of the code, allowing your marketing team to determine where to load scripts once they have been properly trained by your development team.Check out our blog for more reasons you shouldn’t leverage cheap outsourced web development.
\nWebsite sliders, while an effective way to show different types of information in one place, can bog down load times. Outdated plugins, slow hosting, and slow slider plugins all contribute to this, but you should also avoid slow sliders by ensuring that slider scripts aren’t loaded on every page. Scripts should only be fired if they’re included in a page or module, loading only when that page/module is loaded.
\n\n
Poorly Written/Maintained Legacy Code
\nPlugins and add-ons from different developers allow companies to add functionality, but it doesn’t take long before your website is bogged down with all sorts of styling from previous site versions or unnecessarily long, poorly written code.
\n\n
Plan your website effectively for long term functionality and develop a framework that will help your site run more efficiently. This is, again, why it’s so important to hire based on skill rather than price. Poorly written code is not only responsible for slow page load times, but it’s also responsible for increasing web development costs, as other developers will have to pick through the code and program around it, costing you much more than if you would had done it properly from the beginning.
\n\n
5. Hosting and DNS
\n\n
Bad Hosting
\nLife has undoubtedly taught you that you get what you pay for. One of the most important aspects of your website is where you decide to host it. Cheap hosting solutions can be bad business. For instance, we recommend against hosts like GoDaddy and Blue Host because of, their overloaded servers, poor support response times, and instability. Their infrastructure is slow, their servers are slow, and their support is slow – so their page load times are also slow.
\nWhen shopping for a hosting provider, read reviews and do your research. While hosting isn’t a high dollar expense, the costs of poor web hosting are far greater than what you pay monthly.
\n\n
DNS
\nReducing the number of redirects for your domain will do a lot for reducing page load times. Each time a URL is redirected, it requires an additional HTTP request and response. According to SandboxSEO.com, each additional redirect requires an extra 63 milliseconds for the page to load.
\n\n
Having your DNS records set up properly is a critical aspect of this.
\n\n
As listed by Catchpoint.com, factors impacting page load times relative to DNS records:
\n- \n
- Too many aliases or CNAMES \n
- Exotic domains \n
- Geographical distribution \n
- Unreliable registrars \n
- Capacity \n
While redirects can’t always be avoided in a site redesign, a skilled developer can minimize the impact of these redirects by making sure you’re set up properly from the start.
\n\n
All of these different factors can play a role in page loading times so it’s easy to see how pages can become bogged down.
\n\n
Every new factor contributing to the slow-down of your website is a factor in decreasing your conversion rate, meaning fewer leads and sales, meaning you lose money. If your website is burdened with these problems, it’s probably time to address each factor and begin optimizing your site.
\n\n
Trying to reduce your page loading speeds yourself can be cumbersome. Hire a skilled developer to help you optimize your website speed on an ongoing basis.
\n\n
","rss_summary":"
Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n","rss_body":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n\nWhen it comes to website speed, many factors contribute to long load times. When these get stacked, you’re left with what we call “website bloat.” It’s kind of like when you eat too much asThanksgiving dinner:Individually all of the things that you’ve added to your plate served their purpose, but an hour after dinner, things are running a little more slowly.
\n\n
Have you ever conducted a search for a recipe online only to find yourself in a site-loading nightmare? Your screen is cluttered with ads, chat boxes, email subscription pop-ups, and images and videos that take forever to load. It’s a user experience nightmare when all you wanted was a recipe!
\n\n
If your website takes forever to load, users can’t access the information they need efficiently and will probably seek it elsewhere, resulting in not only missed opportunities for you, but increasing your bounce rate and subsequently decreasing your search engine rankings.
\n\n
Your website was probably built with a certain version of your organization and marketing process in mind. However, as you’ve grown you’ve added landing pages, plug-ins, tracking scripts, new images, widgets, and other content that’s important for your prospects. If this content wasn’t added by a skilled web developer, or if your original website wasn’t built to accommodate growth, you may now be experiencing website bloat and slower page load times.
\n\n
Let’s take a look at factors that could be contributing to your slow page loading times and explore what you can do to optimize page speed:
\n\n
1. Image Size & Optimization
\n\n
Images make up an average of 21% of a website’s total “weight.” When adding images to your website you need to balance a small file size with maintaining visual quality. When you use images that are too large, you’ll have high quality, but bog down the page loading times. When you use images that are too small, you’ll have poor quality, which will also have a negative impact on user experience.
\n\n
To optimize images for the web, use tools such as:
\n- \n
- Photo-editing software \n
- Wordpress plugins \n
- Manual resizing in image file manager \n
If you’re lucky enough to be on HubSpot CMS, your images are automatically resized on upload.
\n\n
If you’re not, we recommend Squoosh, a free app for image optimization. The Squoosh app lets you see different steps when optimizing images, which is useful for design novices. It has a bar that can be moved across the image to check the resolution difference between the original and resized image.Drag and drop the image you want to optimize to the app, click “download” to get the resized version, then load it to your website.
\n\n
Note: PNG and JPEG are the best file types for uploading images. PNG images are best for simple images and JPEG is best for images with a lot of color.
\n\n
2. Video Size & Optimization
\n\n
Video accounts for more than 50% of daily media consumption in the U.S. The growing popularity of video marketing makes it essential for any brand hoping to increase user engagement, but videos require significant bandwidth.
\n\n
Here are a few tips:
\n\n
Use Externally Hosted Content
\nTo make sure your page load times don’t suffer, load your videos onto a hosting platform like YouTube, Wistia, or Vimeo before embedding them on your website. While there are benefits to self hosted content (the pros and cons of which can be viewed in this article from Invisible Harness), we usually recommend that clients use external video hosting (review the pros and cons of self-hosted videos).
\n\n
Carefully consider where your videos are hosted. YouTube, for example, weighs down your site with ad scripts and data collection. When the video ends, other YouTube videos are displayed, which threatens to draw visitors away from your website. Wistia and Vimeo may be better options.
\n\n
Use Lazy Loading
\nBe sure your developer uses lazy loading for video content. Lazy loading will only load the content visible to the visitor, then load additional content as the visitor begins scrolling. This helps ensure a user is engaged before loading the rest of the page.
\n\n
Use the Right File Type
\nUsing the proper file format will ensure your video loads properly and displays on all browsers and devices. H264 is the most compatible video codec (file type); it’s considered the best choice for efficiency and compatibility. You can learn more about it in this article from dacast: Best Video Codec for Web Streaming.
\n\n
Other Optimization Tips
\n- \n
- Make the video part of the website layout. You don’t want to take over the screen. Give your users the option to expand the video if they choose to. \n
- \n
- Make it slow-connection friendly. Be sure that users with slow internet connections have an option to view a more compressed version of the video file. In this article, Wondershare breaks down both their video compression tool and other available options for compressing your videos for web pages. \n
- \n
- Do not allow autoplay. Skipping autoplay not only decreases page load time but optimizes user experience, since autoplay videos can be unexpected and annoying for visitors. If you must use autoplay, let the user turn on the sound themselves.
3. Fonts & Icons
\n\n
Your website aesthetic matters. Make sure your webpage is in line with your branding, and balance that closely with page load times. Having complementary fonts and icons assures cohesiveness among headings, navigation, and footers.
\n\n
Here are a few considerations:
\n\n
Fonts
\nSpecify branded fonts in your style guide can bring a cohesive look and feel to your website. . However, using too many custom fonts that need to be loaded from typescript or other external resources can bog down page load time since the fonts aren’t cached. Instead, consider specifying default and Google fonts maintains cohesion while also ensuring that your fonts load faster, as they’re usually already cached on the user’s device.
\n\n
Icons
\nIcons can communicate the purposes of products and services without using large photos. Find icons in font libraries, but only load the ones you need to avoid decreasing page load speed. Font Awesome is our favorite place to browse icon libraries.
\n\n
4. Scripts & Legacy Code
\n\n
Scripts
\nYour website consists of many different scripts that load to automate functions or pass information to third parties such as HubSpot or Google Analytics. These scripts are responsible for loading analytics tools, chat bots, videos, social media share buttons, and more. However, when you work with an inexperienced developer, these scripts can be misplaced on your site and have a negative impact on your page load time.
\n\n
A tool like Google Tag Manager will help your developer set these up correctly and keep them out of the code, allowing your marketing team to determine where to load scripts once they have been properly trained by your development team.Check out our blog for more reasons you shouldn’t leverage cheap outsourced web development.
\nWebsite sliders, while an effective way to show different types of information in one place, can bog down load times. Outdated plugins, slow hosting, and slow slider plugins all contribute to this, but you should also avoid slow sliders by ensuring that slider scripts aren’t loaded on every page. Scripts should only be fired if they’re included in a page or module, loading only when that page/module is loaded.
\n\n
Poorly Written/Maintained Legacy Code
\nPlugins and add-ons from different developers allow companies to add functionality, but it doesn’t take long before your website is bogged down with all sorts of styling from previous site versions or unnecessarily long, poorly written code.
\n\n
Plan your website effectively for long term functionality and develop a framework that will help your site run more efficiently. This is, again, why it’s so important to hire based on skill rather than price. Poorly written code is not only responsible for slow page load times, but it’s also responsible for increasing web development costs, as other developers will have to pick through the code and program around it, costing you much more than if you would had done it properly from the beginning.
\n\n
5. Hosting and DNS
\n\n
Bad Hosting
\nLife has undoubtedly taught you that you get what you pay for. One of the most important aspects of your website is where you decide to host it. Cheap hosting solutions can be bad business. For instance, we recommend against hosts like GoDaddy and Blue Host because of, their overloaded servers, poor support response times, and instability. Their infrastructure is slow, their servers are slow, and their support is slow – so their page load times are also slow.
\nWhen shopping for a hosting provider, read reviews and do your research. While hosting isn’t a high dollar expense, the costs of poor web hosting are far greater than what you pay monthly.
\n\n
DNS
\nReducing the number of redirects for your domain will do a lot for reducing page load times. Each time a URL is redirected, it requires an additional HTTP request and response. According to SandboxSEO.com, each additional redirect requires an extra 63 milliseconds for the page to load.
\n\n
Having your DNS records set up properly is a critical aspect of this.
\n\n
As listed by Catchpoint.com, factors impacting page load times relative to DNS records:
\n- \n
- Too many aliases or CNAMES \n
- Exotic domains \n
- Geographical distribution \n
- Unreliable registrars \n
- Capacity \n
While redirects can’t always be avoided in a site redesign, a skilled developer can minimize the impact of these redirects by making sure you’re set up properly from the start.
\n\n
All of these different factors can play a role in page loading times so it’s easy to see how pages can become bogged down.
\n\n
Every new factor contributing to the slow-down of your website is a factor in decreasing your conversion rate, meaning fewer leads and sales, meaning you lose money. If your website is burdened with these problems, it’s probably time to address each factor and begin optimizing your site.
\n\n
Trying to reduce your page loading speeds yourself can be cumbersome. Hire a skilled developer to help you optimize your website speed on an ongoing basis.
\n\n
","tag_ids":[64085693442,66629131047],"topic_ids":[64085693442,66629131047],"post_summary":"
Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n","blog_post_schedule_task_uid":null,"blog_publish_to_social_media_task":"DONE_NOT_SENT","blog_publish_instant_email_task_uid":null,"blog_publish_instant_email_campaign_id":null,"blog_publish_instant_email_retry_count":null,"keywords":[],"head_html":null,"footer_html":null,"attached_stylesheets":[],"enable_domain_stylesheets":null,"include_default_custom_css":null,"meta_description":"When it comes to page speed optimization, your load times matter. Here are 5 things that may be causing website bloat. ","meta_keywords":null,"layout_sections":{},"past_mab_experiment_ids":[],"deleted_by":null,"featured_image_alt_text":"","enable_layout_stylesheets":null,"tweet":null,"tweet_at":null,"campaign_name":null,"campaign_utm":null,"tweet_immediately":false,"publish_immediately":true,"security_state":"NONE","scheduled_update_date":0,"placement_guids":[],"property_for_dynamic_page_title":null,"property_for_dynamic_page_slug":null,"property_for_dynamic_page_meta_description":null,"property_for_dynamic_page_featured_image":null,"property_for_dynamic_page_canonical_url":null,"preview_image_src":null,"legacy_blog_tabid":null,"legacy_post_guid":null,"performable_variation_letter":null,"style_override_id":null,"has_user_changes":true,"css":{},"css_text":"","unpublished_at":0,"published_by_id":61310730,"allowed_slug_conflict":false,"ai_features":null,"link_rel_canonical_url":"","page_redirected":false,"page_expiry_enabled":null,"page_expiry_date":null,"page_expiry_redirect_id":null,"page_expiry_redirect_url":null,"deleted_by_id":null,"state_when_deleted":null,"cloned_from":null,"staged_from":null,"personas":[],"compose_body":null,"featured_image":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","featured_image_width":1080,"featured_image_height":1080,"publish_timezone_offset":null,"theme_settings_values":null,"password":null,"header":null,"published_at":1722395838027,"last_edit_session_id":null,"last_edit_update_id":null,"created_by_agent":null},"metaDescription":"When it comes to page speed optimization, your load times matter. Here are 5 things that may be causing website bloat. ","metaKeywords":null,"name":"Page Speed Optimization: 5 Factors Bogging Down Your Website","nextPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","nextPostFeaturedImageAltText":"","nextPostName":"5 Website Optimization Tools to Boost Conversions","nextPostSlug":"blogs/5-website-optimization-tools-to-boost-conversions","pageExpiryDate":null,"pageExpiryEnabled":null,"pageExpiryRedirectId":null,"pageExpiryRedirectUrl":null,"pageRedirected":false,"pageTitle":"Page Speed Optimization: 5 Factors Bogging Down Your Website","parentBlog":{"absoluteUrl":"https://deckerdevs.com/blogs","allowComments":true,"ampBodyColor":"#404040","ampBodyFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampBodyFontSize":"18","ampCustomCss":"","ampHeaderBackgroundColor":"#ffffff","ampHeaderColor":"#1e1e1e","ampHeaderFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampHeaderFontSize":"36","ampLinkColor":"#416bb3","ampLogoAlt":"","ampLogoHeight":0,"ampLogoSrc":"","ampLogoWidth":0,"analyticsPageId":62179259185,"attachedStylesheets":[],"audienceAccess":"PUBLIC","businessUnitId":null,"captchaAfterDays":7,"captchaAlways":false,"categoryId":3,"cdnPurgeEmbargoTime":null,"closeCommentsOlder":0,"commentDateFormat":"medium","commentFormGuid":"cb653aa1-3db4-4167-9b59-744c46d49682","commentMaxThreadDepth":3,"commentModeration":false,"commentNotificationEmails":["nicholas@deckerdevs.com","jessica@deckerdevs.com"],"commentShouldCreateContact":true,"commentVerificationText":"Thanks for participating in this conversation! We look forward to responding and to assisting where we can","cosObjectType":"BLOG","created":1639786189589,"createdDateTime":1639786189589,"dailyNotificationEmailId":null,"dateFormattingLanguage":null,"defaultGroupStyleId":"","defaultNotificationFromName":"","defaultNotificationReplyTo":"","deletedAt":0,"description":"rev up your hubspot system to the max! deckerdevs' turbo-charged blog is your ultimate guide to harnessing the full potential of hubspot development. unleash the marketing magic with ingenious tips, tricks, and hacks. get ready to level up your hubspot game!","domain":"","domainWhenPublished":"deckerdevs.com","emailApiSubscriptionId":null,"enableGoogleAmpOutput":false,"enableSocialAutoPublishing":false,"generateJsonLdEnabled":true,"header":null,"htmlFooter":"","htmlFooterIsShared":true,"htmlHead":"","htmlHeadIsShared":true,"htmlKeywords":[],"htmlTitle":"deckerdevs thought nuggets","id":62179259185,"ilsSubscriptionListsByType":{},"instantNotificationEmailId":null,"itemLayoutId":null,"itemTemplateIsShared":false,"itemTemplatePath":"deckerdevs-theme/templates/blog-content.html","label":"deckerdevs live blog","language":"en","legacyGuid":null,"legacyModuleId":null,"legacyTabId":null,"listingLayoutId":null,"listingPageId":62179259186,"listingTemplatePath":"","liveDomain":"deckerdevs.com","monthFilterFormat":"MMMM yyyy","monthlyNotificationEmailId":null,"name":"deckerdevs live blog","parentBlogUpdateTaskId":null,"portalId":6534445,"postHtmlFooter":"","postHtmlHead":"","postsPerListingPage":9,"postsPerRssFeed":10,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publicTitle":"thought nuggets","publishDateFormat":"medium","resolvedDomain":"deckerdevs.com","rootUrl":"https://deckerdevs.com/blogs","rssCustomFeed":null,"rssDescription":null,"rssItemFooter":null,"rssItemHeader":null,"settingsOverrides":{"itemLayoutId":false,"itemTemplatePath":false,"itemTemplateIsShared":false,"listingLayoutId":false,"listingTemplatePath":false,"postsPerListingPage":false,"showSummaryInListing":false,"useFeaturedImageInSummary":false,"htmlHead":false,"postHtmlHead":false,"htmlHeadIsShared":false,"htmlFooter":false,"listingPageHtmlFooter":false,"postHtmlFooter":false,"htmlFooterIsShared":false,"attachedStylesheets":false,"postsPerRssFeed":false,"showSummaryInRss":false,"showSummaryInEmails":false,"showSummariesInEmails":false,"allowComments":false,"commentShouldCreateContact":false,"commentModeration":false,"closeCommentsOlder":false,"commentNotificationEmails":false,"commentMaxThreadDepth":false,"commentVerificationText":false,"socialAccountTwitter":false,"showSocialLinkTwitter":false,"showSocialLinkLinkedin":false,"showSocialLinkFacebook":false,"enableGoogleAmpOutput":false,"ampLogoSrc":false,"ampLogoHeight":false,"ampLogoWidth":false,"ampLogoAlt":false,"ampHeaderFont":false,"ampHeaderFontSize":false,"ampHeaderColor":false,"ampHeaderBackgroundColor":false,"ampBodyFont":false,"ampBodyFontSize":false,"ampBodyColor":false,"ampLinkColor":false,"generateJsonLdEnabled":false},"showSocialLinkFacebook":true,"showSocialLinkLinkedin":true,"showSocialLinkTwitter":true,"showSummaryInEmails":true,"showSummaryInListing":true,"showSummaryInRss":true,"siteId":null,"slug":"blogs","socialAccountTwitter":"","state":null,"subscriptionContactsProperty":null,"subscriptionEmailType":null,"subscriptionFormGuid":null,"subscriptionListsByType":{},"title":null,"translatedFromId":null,"translations":{},"updated":1712344124471,"updatedDateTime":1712344124471,"urlBase":"deckerdevs.com/blogs","urlSegments":{"all":"all","archive":"archive","author":"author","page":"page","tag":"tag"},"useFeaturedImageInSummary":true,"usesDefaultTemplate":false,"weeklyNotificationEmailId":null},"password":null,"pastMabExperimentIds":[],"performableGuid":null,"performableVariationLetter":null,"personas":[],"placementGuids":[],"portableKey":null,"portalId":6534445,"position":null,"postBody":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n\nWhen it comes to website speed, many factors contribute to long load times. When these get stacked, you’re left with what we call “website bloat.” It’s kind of like when you eat too much asThanksgiving dinner:Individually all of the things that you’ve added to your plate served their purpose, but an hour after dinner, things are running a little more slowly.
\n\n
Have you ever conducted a search for a recipe online only to find yourself in a site-loading nightmare? Your screen is cluttered with ads, chat boxes, email subscription pop-ups, and images and videos that take forever to load. It’s a user experience nightmare when all you wanted was a recipe!
\n\n
If your website takes forever to load, users can’t access the information they need efficiently and will probably seek it elsewhere, resulting in not only missed opportunities for you, but increasing your bounce rate and subsequently decreasing your search engine rankings.
\n\n
Your website was probably built with a certain version of your organization and marketing process in mind. However, as you’ve grown you’ve added landing pages, plug-ins, tracking scripts, new images, widgets, and other content that’s important for your prospects. If this content wasn’t added by a skilled web developer, or if your original website wasn’t built to accommodate growth, you may now be experiencing website bloat and slower page load times.
\n\n
Let’s take a look at factors that could be contributing to your slow page loading times and explore what you can do to optimize page speed:
\n\n
1. Image Size & Optimization
\n\n
Images make up an average of 21% of a website’s total “weight.” When adding images to your website you need to balance a small file size with maintaining visual quality. When you use images that are too large, you’ll have high quality, but bog down the page loading times. When you use images that are too small, you’ll have poor quality, which will also have a negative impact on user experience.
\n\n
To optimize images for the web, use tools such as:
\n- \n
- Photo-editing software \n
- Wordpress plugins \n
- Manual resizing in image file manager \n
If you’re lucky enough to be on HubSpot CMS, your images are automatically resized on upload.
\n\n
If you’re not, we recommend Squoosh, a free app for image optimization. The Squoosh app lets you see different steps when optimizing images, which is useful for design novices. It has a bar that can be moved across the image to check the resolution difference between the original and resized image.Drag and drop the image you want to optimize to the app, click “download” to get the resized version, then load it to your website.
\n\n
Note: PNG and JPEG are the best file types for uploading images. PNG images are best for simple images and JPEG is best for images with a lot of color.
\n\n
2. Video Size & Optimization
\n\n
Video accounts for more than 50% of daily media consumption in the U.S. The growing popularity of video marketing makes it essential for any brand hoping to increase user engagement, but videos require significant bandwidth.
\n\n
Here are a few tips:
\n\n
Use Externally Hosted Content
\nTo make sure your page load times don’t suffer, load your videos onto a hosting platform like YouTube, Wistia, or Vimeo before embedding them on your website. While there are benefits to self hosted content (the pros and cons of which can be viewed in this article from Invisible Harness), we usually recommend that clients use external video hosting (review the pros and cons of self-hosted videos).
\n\n
Carefully consider where your videos are hosted. YouTube, for example, weighs down your site with ad scripts and data collection. When the video ends, other YouTube videos are displayed, which threatens to draw visitors away from your website. Wistia and Vimeo may be better options.
\n\n
Use Lazy Loading
\nBe sure your developer uses lazy loading for video content. Lazy loading will only load the content visible to the visitor, then load additional content as the visitor begins scrolling. This helps ensure a user is engaged before loading the rest of the page.
\n\n
Use the Right File Type
\nUsing the proper file format will ensure your video loads properly and displays on all browsers and devices. H264 is the most compatible video codec (file type); it’s considered the best choice for efficiency and compatibility. You can learn more about it in this article from dacast: Best Video Codec for Web Streaming.
\n\n
Other Optimization Tips
\n- \n
- Make the video part of the website layout. You don’t want to take over the screen. Give your users the option to expand the video if they choose to. \n
- \n
- Make it slow-connection friendly. Be sure that users with slow internet connections have an option to view a more compressed version of the video file. In this article, Wondershare breaks down both their video compression tool and other available options for compressing your videos for web pages. \n
- \n
- Do not allow autoplay. Skipping autoplay not only decreases page load time but optimizes user experience, since autoplay videos can be unexpected and annoying for visitors. If you must use autoplay, let the user turn on the sound themselves.
3. Fonts & Icons
\n\n
Your website aesthetic matters. Make sure your webpage is in line with your branding, and balance that closely with page load times. Having complementary fonts and icons assures cohesiveness among headings, navigation, and footers.
\n\n
Here are a few considerations:
\n\n
Fonts
\nSpecify branded fonts in your style guide can bring a cohesive look and feel to your website. . However, using too many custom fonts that need to be loaded from typescript or other external resources can bog down page load time since the fonts aren’t cached. Instead, consider specifying default and Google fonts maintains cohesion while also ensuring that your fonts load faster, as they’re usually already cached on the user’s device.
\n\n
Icons
\nIcons can communicate the purposes of products and services without using large photos. Find icons in font libraries, but only load the ones you need to avoid decreasing page load speed. Font Awesome is our favorite place to browse icon libraries.
\n\n
4. Scripts & Legacy Code
\n\n
Scripts
\nYour website consists of many different scripts that load to automate functions or pass information to third parties such as HubSpot or Google Analytics. These scripts are responsible for loading analytics tools, chat bots, videos, social media share buttons, and more. However, when you work with an inexperienced developer, these scripts can be misplaced on your site and have a negative impact on your page load time.
\n\n
A tool like Google Tag Manager will help your developer set these up correctly and keep them out of the code, allowing your marketing team to determine where to load scripts once they have been properly trained by your development team.Check out our blog for more reasons you shouldn’t leverage cheap outsourced web development.
\nWebsite sliders, while an effective way to show different types of information in one place, can bog down load times. Outdated plugins, slow hosting, and slow slider plugins all contribute to this, but you should also avoid slow sliders by ensuring that slider scripts aren’t loaded on every page. Scripts should only be fired if they’re included in a page or module, loading only when that page/module is loaded.
\n\n
Poorly Written/Maintained Legacy Code
\nPlugins and add-ons from different developers allow companies to add functionality, but it doesn’t take long before your website is bogged down with all sorts of styling from previous site versions or unnecessarily long, poorly written code.
\n\n
Plan your website effectively for long term functionality and develop a framework that will help your site run more efficiently. This is, again, why it’s so important to hire based on skill rather than price. Poorly written code is not only responsible for slow page load times, but it’s also responsible for increasing web development costs, as other developers will have to pick through the code and program around it, costing you much more than if you would had done it properly from the beginning.
\n\n
5. Hosting and DNS
\n\n
Bad Hosting
\nLife has undoubtedly taught you that you get what you pay for. One of the most important aspects of your website is where you decide to host it. Cheap hosting solutions can be bad business. For instance, we recommend against hosts like GoDaddy and Blue Host because of, their overloaded servers, poor support response times, and instability. Their infrastructure is slow, their servers are slow, and their support is slow – so their page load times are also slow.
\nWhen shopping for a hosting provider, read reviews and do your research. While hosting isn’t a high dollar expense, the costs of poor web hosting are far greater than what you pay monthly.
\n\n
DNS
\nReducing the number of redirects for your domain will do a lot for reducing page load times. Each time a URL is redirected, it requires an additional HTTP request and response. According to SandboxSEO.com, each additional redirect requires an extra 63 milliseconds for the page to load.
\n\n
Having your DNS records set up properly is a critical aspect of this.
\n\n
As listed by Catchpoint.com, factors impacting page load times relative to DNS records:
\n- \n
- Too many aliases or CNAMES \n
- Exotic domains \n
- Geographical distribution \n
- Unreliable registrars \n
- Capacity \n
While redirects can’t always be avoided in a site redesign, a skilled developer can minimize the impact of these redirects by making sure you’re set up properly from the start.
\n\n
All of these different factors can play a role in page loading times so it’s easy to see how pages can become bogged down.
\n\n
Every new factor contributing to the slow-down of your website is a factor in decreasing your conversion rate, meaning fewer leads and sales, meaning you lose money. If your website is burdened with these problems, it’s probably time to address each factor and begin optimizing your site.
\n\n
Trying to reduce your page loading speeds yourself can be cumbersome. Hire a skilled developer to help you optimize your website speed on an ongoing basis.
\n\n
","postBodyRss":"
Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n\nWhen it comes to website speed, many factors contribute to long load times. When these get stacked, you’re left with what we call “website bloat.” It’s kind of like when you eat too much asThanksgiving dinner:Individually all of the things that you’ve added to your plate served their purpose, but an hour after dinner, things are running a little more slowly.
\n\n
Have you ever conducted a search for a recipe online only to find yourself in a site-loading nightmare? Your screen is cluttered with ads, chat boxes, email subscription pop-ups, and images and videos that take forever to load. It’s a user experience nightmare when all you wanted was a recipe!
\n\n
If your website takes forever to load, users can’t access the information they need efficiently and will probably seek it elsewhere, resulting in not only missed opportunities for you, but increasing your bounce rate and subsequently decreasing your search engine rankings.
\n\n
Your website was probably built with a certain version of your organization and marketing process in mind. However, as you’ve grown you’ve added landing pages, plug-ins, tracking scripts, new images, widgets, and other content that’s important for your prospects. If this content wasn’t added by a skilled web developer, or if your original website wasn’t built to accommodate growth, you may now be experiencing website bloat and slower page load times.
\n\n
Let’s take a look at factors that could be contributing to your slow page loading times and explore what you can do to optimize page speed:
\n\n
1. Image Size & Optimization
\n\n
Images make up an average of 21% of a website’s total “weight.” When adding images to your website you need to balance a small file size with maintaining visual quality. When you use images that are too large, you’ll have high quality, but bog down the page loading times. When you use images that are too small, you’ll have poor quality, which will also have a negative impact on user experience.
\n\n
To optimize images for the web, use tools such as:
\n- \n
- Photo-editing software \n
- Wordpress plugins \n
- Manual resizing in image file manager \n
If you’re lucky enough to be on HubSpot CMS, your images are automatically resized on upload.
\n\n
If you’re not, we recommend Squoosh, a free app for image optimization. The Squoosh app lets you see different steps when optimizing images, which is useful for design novices. It has a bar that can be moved across the image to check the resolution difference between the original and resized image.Drag and drop the image you want to optimize to the app, click “download” to get the resized version, then load it to your website.
\n\n
Note: PNG and JPEG are the best file types for uploading images. PNG images are best for simple images and JPEG is best for images with a lot of color.
\n\n
2. Video Size & Optimization
\n\n
Video accounts for more than 50% of daily media consumption in the U.S. The growing popularity of video marketing makes it essential for any brand hoping to increase user engagement, but videos require significant bandwidth.
\n\n
Here are a few tips:
\n\n
Use Externally Hosted Content
\nTo make sure your page load times don’t suffer, load your videos onto a hosting platform like YouTube, Wistia, or Vimeo before embedding them on your website. While there are benefits to self hosted content (the pros and cons of which can be viewed in this article from Invisible Harness), we usually recommend that clients use external video hosting (review the pros and cons of self-hosted videos).
\n\n
Carefully consider where your videos are hosted. YouTube, for example, weighs down your site with ad scripts and data collection. When the video ends, other YouTube videos are displayed, which threatens to draw visitors away from your website. Wistia and Vimeo may be better options.
\n\n
Use Lazy Loading
\nBe sure your developer uses lazy loading for video content. Lazy loading will only load the content visible to the visitor, then load additional content as the visitor begins scrolling. This helps ensure a user is engaged before loading the rest of the page.
\n\n
Use the Right File Type
\nUsing the proper file format will ensure your video loads properly and displays on all browsers and devices. H264 is the most compatible video codec (file type); it’s considered the best choice for efficiency and compatibility. You can learn more about it in this article from dacast: Best Video Codec for Web Streaming.
\n\n
Other Optimization Tips
\n- \n
- Make the video part of the website layout. You don’t want to take over the screen. Give your users the option to expand the video if they choose to. \n
- \n
- Make it slow-connection friendly. Be sure that users with slow internet connections have an option to view a more compressed version of the video file. In this article, Wondershare breaks down both their video compression tool and other available options for compressing your videos for web pages. \n
- \n
- Do not allow autoplay. Skipping autoplay not only decreases page load time but optimizes user experience, since autoplay videos can be unexpected and annoying for visitors. If you must use autoplay, let the user turn on the sound themselves.
3. Fonts & Icons
\n\n
Your website aesthetic matters. Make sure your webpage is in line with your branding, and balance that closely with page load times. Having complementary fonts and icons assures cohesiveness among headings, navigation, and footers.
\n\n
Here are a few considerations:
\n\n
Fonts
\nSpecify branded fonts in your style guide can bring a cohesive look and feel to your website. . However, using too many custom fonts that need to be loaded from typescript or other external resources can bog down page load time since the fonts aren’t cached. Instead, consider specifying default and Google fonts maintains cohesion while also ensuring that your fonts load faster, as they’re usually already cached on the user’s device.
\n\n
Icons
\nIcons can communicate the purposes of products and services without using large photos. Find icons in font libraries, but only load the ones you need to avoid decreasing page load speed. Font Awesome is our favorite place to browse icon libraries.
\n\n
4. Scripts & Legacy Code
\n\n
Scripts
\nYour website consists of many different scripts that load to automate functions or pass information to third parties such as HubSpot or Google Analytics. These scripts are responsible for loading analytics tools, chat bots, videos, social media share buttons, and more. However, when you work with an inexperienced developer, these scripts can be misplaced on your site and have a negative impact on your page load time.
\n\n
A tool like Google Tag Manager will help your developer set these up correctly and keep them out of the code, allowing your marketing team to determine where to load scripts once they have been properly trained by your development team.Check out our blog for more reasons you shouldn’t leverage cheap outsourced web development.
\nWebsite sliders, while an effective way to show different types of information in one place, can bog down load times. Outdated plugins, slow hosting, and slow slider plugins all contribute to this, but you should also avoid slow sliders by ensuring that slider scripts aren’t loaded on every page. Scripts should only be fired if they’re included in a page or module, loading only when that page/module is loaded.
\n\n
Poorly Written/Maintained Legacy Code
\nPlugins and add-ons from different developers allow companies to add functionality, but it doesn’t take long before your website is bogged down with all sorts of styling from previous site versions or unnecessarily long, poorly written code.
\n\n
Plan your website effectively for long term functionality and develop a framework that will help your site run more efficiently. This is, again, why it’s so important to hire based on skill rather than price. Poorly written code is not only responsible for slow page load times, but it’s also responsible for increasing web development costs, as other developers will have to pick through the code and program around it, costing you much more than if you would had done it properly from the beginning.
\n\n
5. Hosting and DNS
\n\n
Bad Hosting
\nLife has undoubtedly taught you that you get what you pay for. One of the most important aspects of your website is where you decide to host it. Cheap hosting solutions can be bad business. For instance, we recommend against hosts like GoDaddy and Blue Host because of, their overloaded servers, poor support response times, and instability. Their infrastructure is slow, their servers are slow, and their support is slow – so their page load times are also slow.
\nWhen shopping for a hosting provider, read reviews and do your research. While hosting isn’t a high dollar expense, the costs of poor web hosting are far greater than what you pay monthly.
\n\n
DNS
\nReducing the number of redirects for your domain will do a lot for reducing page load times. Each time a URL is redirected, it requires an additional HTTP request and response. According to SandboxSEO.com, each additional redirect requires an extra 63 milliseconds for the page to load.
\n\n
Having your DNS records set up properly is a critical aspect of this.
\n\n
As listed by Catchpoint.com, factors impacting page load times relative to DNS records:
\n- \n
- Too many aliases or CNAMES \n
- Exotic domains \n
- Geographical distribution \n
- Unreliable registrars \n
- Capacity \n
While redirects can’t always be avoided in a site redesign, a skilled developer can minimize the impact of these redirects by making sure you’re set up properly from the start.
\n\n
All of these different factors can play a role in page loading times so it’s easy to see how pages can become bogged down.
\n\n
Every new factor contributing to the slow-down of your website is a factor in decreasing your conversion rate, meaning fewer leads and sales, meaning you lose money. If your website is burdened with these problems, it’s probably time to address each factor and begin optimizing your site.
\n\n
Trying to reduce your page loading speeds yourself can be cumbersome. Hire a skilled developer to help you optimize your website speed on an ongoing basis.
\n\n
","postEmailContent":"
Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
","postFeaturedImageIfEnabled":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","postListContent":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
","postListSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","postRssContent":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
","postRssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","postSummary":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n","postSummaryRss":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
","postTemplate":"deckerdevs-theme/templates/blog-content.html","previewImageSrc":null,"previewKey":"CLGtxDSq","previousPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-bounce%20rate.png","previousPostFeaturedImageAltText":"","previousPostName":"Website Bounce Rate: 6 Things Sending People Away from Your Website","previousPostSlug":"blogs/website-bounce-rate-6-things-sending-people-away-from-your-website","processingStatus":"PUBLISHED","propertyForDynamicPageCanonicalUrl":null,"propertyForDynamicPageFeaturedImage":null,"propertyForDynamicPageMetaDescription":null,"propertyForDynamicPageSlug":null,"propertyForDynamicPageTitle":null,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publishDate":1645214073000,"publishDateLocalTime":1645214073000,"publishDateLocalized":{"date":1645214073000,"format":"medium","language":null},"publishImmediately":true,"publishTimezoneOffset":null,"publishedAt":1722395838027,"publishedByEmail":null,"publishedById":61310730,"publishedByName":null,"publishedUrl":"https://deckerdevs.com/blogs/page-speed-optimization-5-factors-bogging-down-your-website","resolvedDomain":"deckerdevs.com","resolvedLanguage":null,"rssBody":"Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n\nWhen it comes to website speed, many factors contribute to long load times. When these get stacked, you’re left with what we call “website bloat.” It’s kind of like when you eat too much asThanksgiving dinner:Individually all of the things that you’ve added to your plate served their purpose, but an hour after dinner, things are running a little more slowly.
\n\n
Have you ever conducted a search for a recipe online only to find yourself in a site-loading nightmare? Your screen is cluttered with ads, chat boxes, email subscription pop-ups, and images and videos that take forever to load. It’s a user experience nightmare when all you wanted was a recipe!
\n\n
If your website takes forever to load, users can’t access the information they need efficiently and will probably seek it elsewhere, resulting in not only missed opportunities for you, but increasing your bounce rate and subsequently decreasing your search engine rankings.
\n\n
Your website was probably built with a certain version of your organization and marketing process in mind. However, as you’ve grown you’ve added landing pages, plug-ins, tracking scripts, new images, widgets, and other content that’s important for your prospects. If this content wasn’t added by a skilled web developer, or if your original website wasn’t built to accommodate growth, you may now be experiencing website bloat and slower page load times.
\n\n
Let’s take a look at factors that could be contributing to your slow page loading times and explore what you can do to optimize page speed:
\n\n
1. Image Size & Optimization
\n\n
Images make up an average of 21% of a website’s total “weight.” When adding images to your website you need to balance a small file size with maintaining visual quality. When you use images that are too large, you’ll have high quality, but bog down the page loading times. When you use images that are too small, you’ll have poor quality, which will also have a negative impact on user experience.
\n\n
To optimize images for the web, use tools such as:
\n- \n
- Photo-editing software \n
- Wordpress plugins \n
- Manual resizing in image file manager \n
If you’re lucky enough to be on HubSpot CMS, your images are automatically resized on upload.
\n\n
If you’re not, we recommend Squoosh, a free app for image optimization. The Squoosh app lets you see different steps when optimizing images, which is useful for design novices. It has a bar that can be moved across the image to check the resolution difference between the original and resized image.Drag and drop the image you want to optimize to the app, click “download” to get the resized version, then load it to your website.
\n\n
Note: PNG and JPEG are the best file types for uploading images. PNG images are best for simple images and JPEG is best for images with a lot of color.
\n\n
2. Video Size & Optimization
\n\n
Video accounts for more than 50% of daily media consumption in the U.S. The growing popularity of video marketing makes it essential for any brand hoping to increase user engagement, but videos require significant bandwidth.
\n\n
Here are a few tips:
\n\n
Use Externally Hosted Content
\nTo make sure your page load times don’t suffer, load your videos onto a hosting platform like YouTube, Wistia, or Vimeo before embedding them on your website. While there are benefits to self hosted content (the pros and cons of which can be viewed in this article from Invisible Harness), we usually recommend that clients use external video hosting (review the pros and cons of self-hosted videos).
\n\n
Carefully consider where your videos are hosted. YouTube, for example, weighs down your site with ad scripts and data collection. When the video ends, other YouTube videos are displayed, which threatens to draw visitors away from your website. Wistia and Vimeo may be better options.
\n\n
Use Lazy Loading
\nBe sure your developer uses lazy loading for video content. Lazy loading will only load the content visible to the visitor, then load additional content as the visitor begins scrolling. This helps ensure a user is engaged before loading the rest of the page.
\n\n
Use the Right File Type
\nUsing the proper file format will ensure your video loads properly and displays on all browsers and devices. H264 is the most compatible video codec (file type); it’s considered the best choice for efficiency and compatibility. You can learn more about it in this article from dacast: Best Video Codec for Web Streaming.
\n\n
Other Optimization Tips
\n- \n
- Make the video part of the website layout. You don’t want to take over the screen. Give your users the option to expand the video if they choose to. \n
- \n
- Make it slow-connection friendly. Be sure that users with slow internet connections have an option to view a more compressed version of the video file. In this article, Wondershare breaks down both their video compression tool and other available options for compressing your videos for web pages. \n
- \n
- Do not allow autoplay. Skipping autoplay not only decreases page load time but optimizes user experience, since autoplay videos can be unexpected and annoying for visitors. If you must use autoplay, let the user turn on the sound themselves.
3. Fonts & Icons
\n\n
Your website aesthetic matters. Make sure your webpage is in line with your branding, and balance that closely with page load times. Having complementary fonts and icons assures cohesiveness among headings, navigation, and footers.
\n\n
Here are a few considerations:
\n\n
Fonts
\nSpecify branded fonts in your style guide can bring a cohesive look and feel to your website. . However, using too many custom fonts that need to be loaded from typescript or other external resources can bog down page load time since the fonts aren’t cached. Instead, consider specifying default and Google fonts maintains cohesion while also ensuring that your fonts load faster, as they’re usually already cached on the user’s device.
\n\n
Icons
\nIcons can communicate the purposes of products and services without using large photos. Find icons in font libraries, but only load the ones you need to avoid decreasing page load speed. Font Awesome is our favorite place to browse icon libraries.
\n\n
4. Scripts & Legacy Code
\n\n
Scripts
\nYour website consists of many different scripts that load to automate functions or pass information to third parties such as HubSpot or Google Analytics. These scripts are responsible for loading analytics tools, chat bots, videos, social media share buttons, and more. However, when you work with an inexperienced developer, these scripts can be misplaced on your site and have a negative impact on your page load time.
\n\n
A tool like Google Tag Manager will help your developer set these up correctly and keep them out of the code, allowing your marketing team to determine where to load scripts once they have been properly trained by your development team.Check out our blog for more reasons you shouldn’t leverage cheap outsourced web development.
\nWebsite sliders, while an effective way to show different types of information in one place, can bog down load times. Outdated plugins, slow hosting, and slow slider plugins all contribute to this, but you should also avoid slow sliders by ensuring that slider scripts aren’t loaded on every page. Scripts should only be fired if they’re included in a page or module, loading only when that page/module is loaded.
\n\n
Poorly Written/Maintained Legacy Code
\nPlugins and add-ons from different developers allow companies to add functionality, but it doesn’t take long before your website is bogged down with all sorts of styling from previous site versions or unnecessarily long, poorly written code.
\n\n
Plan your website effectively for long term functionality and develop a framework that will help your site run more efficiently. This is, again, why it’s so important to hire based on skill rather than price. Poorly written code is not only responsible for slow page load times, but it’s also responsible for increasing web development costs, as other developers will have to pick through the code and program around it, costing you much more than if you would had done it properly from the beginning.
\n\n
5. Hosting and DNS
\n\n
Bad Hosting
\nLife has undoubtedly taught you that you get what you pay for. One of the most important aspects of your website is where you decide to host it. Cheap hosting solutions can be bad business. For instance, we recommend against hosts like GoDaddy and Blue Host because of, their overloaded servers, poor support response times, and instability. Their infrastructure is slow, their servers are slow, and their support is slow – so their page load times are also slow.
\nWhen shopping for a hosting provider, read reviews and do your research. While hosting isn’t a high dollar expense, the costs of poor web hosting are far greater than what you pay monthly.
\n\n
DNS
\nReducing the number of redirects for your domain will do a lot for reducing page load times. Each time a URL is redirected, it requires an additional HTTP request and response. According to SandboxSEO.com, each additional redirect requires an extra 63 milliseconds for the page to load.
\n\n
Having your DNS records set up properly is a critical aspect of this.
\n\n
As listed by Catchpoint.com, factors impacting page load times relative to DNS records:
\n- \n
- Too many aliases or CNAMES \n
- Exotic domains \n
- Geographical distribution \n
- Unreliable registrars \n
- Capacity \n
While redirects can’t always be avoided in a site redesign, a skilled developer can minimize the impact of these redirects by making sure you’re set up properly from the start.
\n\n
All of these different factors can play a role in page loading times so it’s easy to see how pages can become bogged down.
\n\n
Every new factor contributing to the slow-down of your website is a factor in decreasing your conversion rate, meaning fewer leads and sales, meaning you lose money. If your website is burdened with these problems, it’s probably time to address each factor and begin optimizing your site.
\n\n
Trying to reduce your page loading speeds yourself can be cumbersome. Hire a skilled developer to help you optimize your website speed on an ongoing basis.
\n\n
","rssSummary":"
Page speed optimization is an increasingly hot topic in inbound marketing and SEO. With Google’s Core Vitals update, user experience is now the most important factor for search engines. This means marketers should be focusing not just on keywords or the content that they’re delivering, but also things like reducing load page speed, lowering bounce rate, and prioritizing the most important pieces of content.
\n","rssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","scheduledUpdateDate":0,"screenshotPreviewTakenAt":1736738238104,"screenshotPreviewUrl":"https://cdn1.hubspot.net/hubshotv3/prod/e/0/03c3ca1a-1902-4da9-841e-f69d4baadf75.png","sections":{},"securityState":"NONE","siteId":null,"slug":"blogs/page-speed-optimization-5-factors-bogging-down-your-website","stagedFrom":null,"state":"PUBLISHED","stateWhenDeleted":null,"structuredContentPageType":null,"structuredContentType":null,"styleOverrideId":null,"subcategory":"normal_blog_post","syncedWithBlogRoot":true,"tagIds":[64085693442,66629131047],"tagList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1645212193351,"deletedAt":0,"description":"","id":66629131047,"label":"SEO","language":"en","name":"SEO","portalId":6534445,"slug":"seo","translatedFromId":null,"translations":{},"updated":1645212193351}],"tagNames":["website optimization","SEO"],"teamPerms":[],"templatePath":"","templatePathForRender":"deckerdevs-theme/templates/blog-content.html","textToAudioFileId":null,"textToAudioGenerationRequestId":null,"themePath":null,"themeSettingsValues":null,"title":"Page Speed Optimization: 5 Factors Bogging Down Your Website","tmsId":null,"topicIds":[64085693442,66629131047],"topicList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1645212193351,"deletedAt":0,"description":"","id":66629131047,"label":"SEO","language":"en","name":"SEO","portalId":6534445,"slug":"seo","translatedFromId":null,"translations":{},"updated":1645212193351}],"topicNames":["website optimization","SEO"],"topics":[64085693442,66629131047],"translatedContent":{},"translatedFromId":null,"translations":{},"tweet":null,"tweetAt":null,"tweetImmediately":false,"unpublishedAt":0,"updated":1722395838031,"updatedById":61310730,"upsizeFeaturedImage":false,"url":"https://deckerdevs.com/blogs/page-speed-optimization-5-factors-bogging-down-your-website","useFeaturedImage":true,"userPerms":[],"views":null,"visibleToAll":null,"widgetContainers":{},"widgetcontainers":{},"widgets":{"blog-hero":{"body":{"column_split":"split-40-60","flip_columns_on_desktop":true,"heading":"Page Speed Optimization: 5 Factors Bogging Down Your Website","heading_size":"h1","heading_tag":"h1","image_holder":{"image_field":{"alt":"deckerdevs-page speed","height":1080,"loading":"lazy","max_height":1080,"max_width":1080,"size_type":"auto","src":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","width":1080}}},"child_css":{},"css":{},"id":"blog-hero","label":null,"module_id":82854350373,"name":"blog-hero","order":1,"smart_type":null,"styles":{},"type":"module"},"blog-image":{"body":{"image_field":{"alt":"pattern","height":563,"loading":"lazy","max_height":563,"max_width":1000,"size_type":"auto","src":"https://f.hubspotusercontent40.net/hubfs/6534445/deckerdevs%20brand%20assets/pattern.jpg","width":1000}},"child_css":{},"css":{},"deleted_at":1692638063611,"id":"blog-image","label":null,"module_id":62246908725,"name":"blog-image","order":3,"smart_type":null,"styles":{},"type":"module"},"blog-posts":{"body":{"heading":"Some Other Recent Thoughts"},"child_css":{},"css":{},"id":"blog-posts","label":null,"module_id":82853805588,"name":"blog-posts","order":4,"smart_type":null,"styles":{},"type":"module"}}},{"ab":false,"abStatus":null,"abTestId":null,"abVariation":false,"abVariationAutomated":false,"absoluteUrl":"https://deckerdevs.com/blogs/5-website-optimization-tools-to-boost-conversions","afterPostBody":null,"aifeatures":null,"allowedSlugConflict":false,"analytics":null,"analyticsPageId":"64085693213","analyticsPageType":"blog-post","approvalStatus":null,"archived":false,"archivedAt":0,"archivedInDashboard":false,"areCommentsAllowed":true,"attachedStylesheets":[],"audienceAccess":"PUBLIC","author":null,"authorName":null,"authorUsername":null,"blogAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogAuthorId":62235724408,"blogPostAuthor":{"avatar":"","bio":"","cdnPurgeEmbargoTime":null,"cosObjectType":"BLOG_AUTHOR","created":1639920511177,"deletedAt":0,"displayName":"deckerdevs","email":"","facebook":"","fullName":"deckerdevs","gravatarUrl":null,"hasSocialProfiles":false,"id":62235724408,"label":"deckerdevs","language":"en","linkedin":"","name":"deckerdevs","portalId":6534445,"slug":"deckerdevs","translatedFromId":null,"translations":{},"twitter":"","twitterUsername":"","updated":1639920511177,"userId":null,"username":null,"website":""},"blogPostScheduleTaskUid":null,"blogPublishInstantEmailCampaignId":null,"blogPublishInstantEmailRetryCount":null,"blogPublishInstantEmailTaskUid":null,"blogPublishToSocialMediaTask":"DONE_NOT_SENT","blueprintTypeId":0,"businessUnitId":null,"campaign":null,"campaignName":null,"campaignUtm":null,"category":3,"categoryId":3,"cdnPurgeEmbargoTime":null,"checkPostLevelAudienceAccessFirst":true,"clonedFrom":null,"composeBody":null,"compositionId":0,"contentAccessRuleIds":[],"contentAccessRuleTypes":[],"contentGroup":62179259185,"contentGroupId":62179259185,"contentTypeCategory":3,"contentTypeCategoryId":3,"contentTypeId":null,"created":1642438518371,"createdByAgent":null,"createdById":27630257,"createdTime":1642438518371,"crmObjectId":null,"css":{},"cssText":"","ctaClicks":null,"ctaViews":null,"currentState":"PUBLISHED","currentlyPublished":true,"deletedAt":0,"deletedBy":null,"deletedByEmail":null,"deletedById":null,"domain":"","dynamicPageDataSourceId":null,"dynamicPageDataSourceType":null,"dynamicPageHubDbTableId":null,"enableDomainStylesheets":null,"enableGoogleAmpOutputOverride":false,"enableLayoutStylesheets":null,"errors":[],"featuredImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","featuredImageAltText":"","featuredImageHeight":1080,"featuredImageLength":0,"featuredImageWidth":1080,"flexAreas":{},"folderId":null,"footerHtml":null,"freezeDate":1642439374000,"generateJsonLdEnabledOverride":true,"hasContentAccessRules":false,"hasUserChanges":true,"headHtml":null,"header":null,"htmlTitle":"5 Website Optimization Tools to Boost Conversions","id":64085693213,"includeDefaultCustomCss":null,"isCaptchaRequired":true,"isCrawlableByBots":false,"isDraft":false,"isInstanceLayoutPage":false,"isInstantEmailEnabled":false,"isPublished":true,"isSocialPublishingEnabled":false,"keywords":[],"label":"5 Website Optimization Tools to Boost Conversions","language":"en","lastEditSessionId":null,"lastEditUpdateId":null,"layoutSections":{},"legacyBlogTabid":null,"legacyId":null,"legacyPostGuid":null,"linkRelCanonicalUrl":"","listTemplate":"","liveDomain":"deckerdevs.com","mab":false,"mabExperimentId":null,"mabMaster":false,"mabVariant":false,"meta":{"html_title":"5 Website Optimization Tools to Boost Conversions","public_access_rules":[],"public_access_rules_enabled":false,"enable_google_amp_output_override":false,"generate_json_ld_enabled":true,"composition_id":0,"is_crawlable_by_bots":false,"use_featured_image":true,"post_body":"Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n\n
You may think your new string of landing pages will perform well, but how does your site and campaign really stack up in terms of conversion and user experience?
\n\n
Ask yourself the following questions:
\n- \n
- What are website visitors doing once they arrive at our website? \n
- What can we do to improve our site for search engines and visitors? \n
- What are our best-performing pages? \n
- What do people outside our organization think about our website design? \n
- Are our current calls to action (CTAs) placed in the best spots for optimal conversion? \n
Optimization is a near-constant process of audits and improvements to create the best possible user experience. Here are our top tools to help you ensure that your website is performing for your users and helping your organization meet its marketing goals.
\n\n
![\"deckerdevs](\"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs%20-%20Page%20Load%20Speed%20Statistics%20Infographic.png\")
\n
Google Page Speed
\nGoogle Page Speed is a free site that helps you understand how your site is performing from a load time perspective on mobile and desktop browsers. Geared toward developers, it analyzes load times on each URL entered and provides a pass or fail grade for the performance of that page. It lays out opportunities for improvement and provides a full diagnostic report.
\n\n
Let’s look at the most important aspects of this report:
\n- \n
- \n
Largest Contentful Paint (LCP): Page Loading
\n
This gauges the main website content load speed , which should ideally be under 2.5 seconds. A load speed over 4 seconds is considered poor. The longer the main content on your website takes to load, the more likely users are to click away — and a higher bounce rate drastically decreases your conversion rate. It’s logical to conclude that the pages with the fastest load times would take preference in search engine rankings, since this is such a large contributor to user experience. \n
- \n
- \n
First Input Delay (FID): Interactivity
\n
First input delay is the length of time between a user interaction (say, clicking a CTA button) and processing that request. This metric is an important indicator of website responsiveness. Less than 100ms is a good score, while greater than 300ms is considered poor. The longer it takes for your website to respond to user requests, the more likely it is to frustrate users. When your goal is to keep your website visitors engaged, you want to do everything you can to ensure the experience is positive , and that means optimizing your interactivity. \n
- \n
- \n
Cumulative Layout Shift (CLS): Visual Stability
\nThis metric measures how often users experience unexpected layout shifts. Examples are a button or link moving when a user goes to click on it, or text shifting in an article that a user is trying to read. Once again, the user experience is easily impacted by unexpected movement or shifts of the elements on your website page. A score of 0.1 or less is ideal, with scores above 0.25 failing.
\n \n
Constantly running diagnostics and paying close attention to overall page load speed and website stability are particularly important in light of Google’s June 2021 algorithm update focusing on Google core vitals, which included ranking signals for loading speed, interactivity, and visual stability. Your page load speed is among the most critical factors when it comes to the success of your website. If the content your visitors most want to see doesn’t load fast enough, the back button is just a click away and it’s onto the next Google result. Optimizing your page speed can help you keep visitors on your website, increasing your chances of converting your traffic.
\n\n
How we use Google Page Speed
\nWe use this in combination with other speed testers. This allows us to review the recommendations and dig into what needs to be fixed. We are constantly taking over sites built by other agencies or developers, and one of the first things we jump into during these projects is how site performance can be improved across the board.
\n\n
Lucky Orange
\nWhen most organizations build webpages, they do so balancing aesthetics and how they expect a visitor to interact with their content. But how do you know that a website visitor is actually following the conversion path that you’ve so carefully laid in front of them?
\n\n
Lucky Orange is a heat map and session recording software that provides valuable data about how your visitors are interacting with your site. Heat maps show you the most active areas of your website and indicate the point your visitors are scrolling to, as well as what elements they are clicking or hovering over.
\n\n
Session recordings and heat maps show us how an individual visitor is interacting with our website in real time. Following their visits as they move through it helps you to better determine, not only where they are navigating, but also aspects of the site that may be confusing to them.
\n\n
You may want to ask yourself the following questions in conjunction with your analysis inside this tool:
\n- \n
- Is the user scrolling too much before taking the most essential actions? \n
- What are the most popular actions on the page? \n
- How can I prioritize content or CTAs to better convert prospects or improve the user experience? \n
- How does a mobile user session differ from a desktop user’s experience? \n
Understanding the answers to these questions will help you make layout improvements that should go a long way to improving your conversion rates.
\n\n
How we use Lucky Orange
Lucky Orange helps the team at deckerdevs audit everything from conversion optimization to site flow. We geek out in this tool, sifting through session recordings and watching user actions to help fix leaky funnels on our clients’ behalf.
\n
Usability Hub
\nIt can be difficult to obtain consistent feedback or know exactly what will work when you’re still in the design phases of your web project. Usability Hub is an end-to-end remote user testing platform. This tool is free for short (< 2 minute) tests of up to 5 questions. Usability Hub helps to uncover design issues early in the development process, preventing user experience issues that could be costing you money and conversions.
\n\n
Usability Hub also offers:
\n- \n
- Prototype testing \n
- Design surveys \n
- Preference tests \n
- Five-second tests \n
- First-click tests \n
This tool allows for live user feedback in many different formats. You can invite customers, clients, focus groups, or coworkers; or you can pay for the built in Usability Hub panel (a pool of over 340,000+ users) that allows you to target by demographics such as age, location, gender, income, and more.
This tool is great for pre-development feedback of design layouts or considerations for website updates.
How we use Usability Hub
It’s sometimes difficult to convince a client to use a tool like this, but it unlocks so many opportunities to help companies understand and get a real validation to a user experience. Because our deep knowledge of user experience brings a lot of value to clients, they’ll typically follow our recommendations instead of spending the extra money on a tool like this. Fostering the type of relationship that allows your clients to trust your recommendations implicitly is a big indicator that we’re doing things right, but when budget allows, this tool is a great option for those seeking usability feedback who may not have access to a trusted outsourced developer.
Attention Insight
\nIf you’re looking for feedback, but don’t necessarily have the time to rabbit hole into surveys and other usability tests, Attention Insights is a pre-launch analytics software that uses artificial intelligence (AI) to create heat maps based on predictions of user behavior data from eye tracking studies.
This AI-based feedback can help you make intelligent predictions about how users will interact with your website without conducting weeks of usability tests. The feedback can help you determine where to place CTA buttons, product images, pricing, descriptions, and other important information that you most want your visitors to interact with.
\n\n
Notable features:
\n- \n
- Attention heat maps: These predict areas catching the most attention \n
- Percentage of attention: based on area of interest \n
- Clarity score: This measures design clarity against other designs in the same category \n
- Focus maps: These tell which aspects of your design will be noticed in the first 3-5 seconds \n
All of the behavioral data housed within Attention Insight’s powerful AI tool gives incredibly valuable predictions for projects long before they’re launched, allowing you to make educated decisions regarding layout and design with proven feedback.
How we use Attention Insight
This is another tool we really want to use. While we haven’t had the opportunity to use it yet, we are currently working through a website redesign and will be running all of our new pages through it so we can get hands-on experience and see how awesome it really is. Don’t worry, we’ll keep you posted.
Google Analytics
\nWhile this is the best-known tool when it comes to page optimization and SEO, Google Analytics continues to provide valuable insight on page performance, including:
\n- \n
- Number of visitors \n
- Visitor referral source \n
- Visitor page actions \n
- How long visitors spend on each page \n
- When visitors leave your site \n
Analytics like this help determine your best- and worst-performing pages, see which referral sources are performing the best, and begin initial audits on opportunities to further test for improvement.
How we use Google Analytics
If Google Analytics is the bread, Google Tag Manager is the butter. So much stuff is going on here, and we have this on every site. You probably already have it installed on your website. If you aren't using Google Analytics, I don't even know what you are doing here. Get in there and get it going! Set up some conversion goals, analyze your traffic, and get to work.
\n\n
BrowserStack
\nHow does your website perform across browsers on multiple devices and operating systems? Testing all the major browsers, devices, and operating systems is important to determining any potential layout issues or bugs that exist across browsers.
BrowserStack boasts access to more than 3,000 real mobile devices and browsers on a cloud-based infrastructure that allows you to conduct comprehensive browser testing. This testing is necessary to help you troubleshoot design issues across browsers and devices, so no matter where your users are coming from they can have the intended experience.
How We Use Browserstack
We run every page we build through Browserstack, testing a variety of operating systems, devices, and browsers to make sure that our work looks great for all the users. It is totally worth it if you are making your own modules, website, or whatever.
Simply focusing on on- and off-page SEO factors isn’t enough to keep your site ranking and converting. Website performance depends on factors that change with every Google update. Regular usability and page performance tests, as well as implementing guides and best practices for uploading content, will go a long way to improving conversion rates and even boosting search engine rankings. Be sure to check out the tools that we’ve outlined here regardless of what development phase you’re in. The more focus you place on user experience, the better your chances of converting your website visitors into leads and customers.
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n","rss_body":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n\n
You may think your new string of landing pages will perform well, but how does your site and campaign really stack up in terms of conversion and user experience?
\n\n
Ask yourself the following questions:
\n- \n
- What are website visitors doing once they arrive at our website? \n
- What can we do to improve our site for search engines and visitors? \n
- What are our best-performing pages? \n
- What do people outside our organization think about our website design? \n
- Are our current calls to action (CTAs) placed in the best spots for optimal conversion? \n
Optimization is a near-constant process of audits and improvements to create the best possible user experience. Here are our top tools to help you ensure that your website is performing for your users and helping your organization meet its marketing goals.
\n\n
\n
Google Page Speed
\nGoogle Page Speed is a free site that helps you understand how your site is performing from a load time perspective on mobile and desktop browsers. Geared toward developers, it analyzes load times on each URL entered and provides a pass or fail grade for the performance of that page. It lays out opportunities for improvement and provides a full diagnostic report.
\n\n
Let’s look at the most important aspects of this report:
\n- \n
- \n
Largest Contentful Paint (LCP): Page Loading
\n
This gauges the main website content load speed , which should ideally be under 2.5 seconds. A load speed over 4 seconds is considered poor. The longer the main content on your website takes to load, the more likely users are to click away — and a higher bounce rate drastically decreases your conversion rate. It’s logical to conclude that the pages with the fastest load times would take preference in search engine rankings, since this is such a large contributor to user experience. \n
- \n
- \n
First Input Delay (FID): Interactivity
\n
First input delay is the length of time between a user interaction (say, clicking a CTA button) and processing that request. This metric is an important indicator of website responsiveness. Less than 100ms is a good score, while greater than 300ms is considered poor. The longer it takes for your website to respond to user requests, the more likely it is to frustrate users. When your goal is to keep your website visitors engaged, you want to do everything you can to ensure the experience is positive , and that means optimizing your interactivity. \n
- \n
- \n
Cumulative Layout Shift (CLS): Visual Stability
\nThis metric measures how often users experience unexpected layout shifts. Examples are a button or link moving when a user goes to click on it, or text shifting in an article that a user is trying to read. Once again, the user experience is easily impacted by unexpected movement or shifts of the elements on your website page. A score of 0.1 or less is ideal, with scores above 0.25 failing.
\n \n
Constantly running diagnostics and paying close attention to overall page load speed and website stability are particularly important in light of Google’s June 2021 algorithm update focusing on Google core vitals, which included ranking signals for loading speed, interactivity, and visual stability. Your page load speed is among the most critical factors when it comes to the success of your website. If the content your visitors most want to see doesn’t load fast enough, the back button is just a click away and it’s onto the next Google result. Optimizing your page speed can help you keep visitors on your website, increasing your chances of converting your traffic.
\n\n
How we use Google Page Speed
\nWe use this in combination with other speed testers. This allows us to review the recommendations and dig into what needs to be fixed. We are constantly taking over sites built by other agencies or developers, and one of the first things we jump into during these projects is how site performance can be improved across the board.
\n\n
Lucky Orange
\nWhen most organizations build webpages, they do so balancing aesthetics and how they expect a visitor to interact with their content. But how do you know that a website visitor is actually following the conversion path that you’ve so carefully laid in front of them?
\n\n
Lucky Orange is a heat map and session recording software that provides valuable data about how your visitors are interacting with your site. Heat maps show you the most active areas of your website and indicate the point your visitors are scrolling to, as well as what elements they are clicking or hovering over.
\n\n
Session recordings and heat maps show us how an individual visitor is interacting with our website in real time. Following their visits as they move through it helps you to better determine, not only where they are navigating, but also aspects of the site that may be confusing to them.
\n\n
You may want to ask yourself the following questions in conjunction with your analysis inside this tool:
\n- \n
- Is the user scrolling too much before taking the most essential actions? \n
- What are the most popular actions on the page? \n
- How can I prioritize content or CTAs to better convert prospects or improve the user experience? \n
- How does a mobile user session differ from a desktop user’s experience? \n
Understanding the answers to these questions will help you make layout improvements that should go a long way to improving your conversion rates.
\n\n
How we use Lucky Orange
Lucky Orange helps the team at deckerdevs audit everything from conversion optimization to site flow. We geek out in this tool, sifting through session recordings and watching user actions to help fix leaky funnels on our clients’ behalf.
\n
Usability Hub
\nIt can be difficult to obtain consistent feedback or know exactly what will work when you’re still in the design phases of your web project. Usability Hub is an end-to-end remote user testing platform. This tool is free for short (< 2 minute) tests of up to 5 questions. Usability Hub helps to uncover design issues early in the development process, preventing user experience issues that could be costing you money and conversions.
\n\n
Usability Hub also offers:
\n- \n
- Prototype testing \n
- Design surveys \n
- Preference tests \n
- Five-second tests \n
- First-click tests \n
This tool allows for live user feedback in many different formats. You can invite customers, clients, focus groups, or coworkers; or you can pay for the built in Usability Hub panel (a pool of over 340,000+ users) that allows you to target by demographics such as age, location, gender, income, and more.
This tool is great for pre-development feedback of design layouts or considerations for website updates.
How we use Usability Hub
It’s sometimes difficult to convince a client to use a tool like this, but it unlocks so many opportunities to help companies understand and get a real validation to a user experience. Because our deep knowledge of user experience brings a lot of value to clients, they’ll typically follow our recommendations instead of spending the extra money on a tool like this. Fostering the type of relationship that allows your clients to trust your recommendations implicitly is a big indicator that we’re doing things right, but when budget allows, this tool is a great option for those seeking usability feedback who may not have access to a trusted outsourced developer.
Attention Insight
\nIf you’re looking for feedback, but don’t necessarily have the time to rabbit hole into surveys and other usability tests, Attention Insights is a pre-launch analytics software that uses artificial intelligence (AI) to create heat maps based on predictions of user behavior data from eye tracking studies.
This AI-based feedback can help you make intelligent predictions about how users will interact with your website without conducting weeks of usability tests. The feedback can help you determine where to place CTA buttons, product images, pricing, descriptions, and other important information that you most want your visitors to interact with.
\n\n
Notable features:
\n- \n
- Attention heat maps: These predict areas catching the most attention \n
- Percentage of attention: based on area of interest \n
- Clarity score: This measures design clarity against other designs in the same category \n
- Focus maps: These tell which aspects of your design will be noticed in the first 3-5 seconds \n
All of the behavioral data housed within Attention Insight’s powerful AI tool gives incredibly valuable predictions for projects long before they’re launched, allowing you to make educated decisions regarding layout and design with proven feedback.
How we use Attention Insight
This is another tool we really want to use. While we haven’t had the opportunity to use it yet, we are currently working through a website redesign and will be running all of our new pages through it so we can get hands-on experience and see how awesome it really is. Don’t worry, we’ll keep you posted.
Google Analytics
\nWhile this is the best-known tool when it comes to page optimization and SEO, Google Analytics continues to provide valuable insight on page performance, including:
\n- \n
- Number of visitors \n
- Visitor referral source \n
- Visitor page actions \n
- How long visitors spend on each page \n
- When visitors leave your site \n
Analytics like this help determine your best- and worst-performing pages, see which referral sources are performing the best, and begin initial audits on opportunities to further test for improvement.
How we use Google Analytics
If Google Analytics is the bread, Google Tag Manager is the butter. So much stuff is going on here, and we have this on every site. You probably already have it installed on your website. If you aren't using Google Analytics, I don't even know what you are doing here. Get in there and get it going! Set up some conversion goals, analyze your traffic, and get to work.
\n\n
BrowserStack
\nHow does your website perform across browsers on multiple devices and operating systems? Testing all the major browsers, devices, and operating systems is important to determining any potential layout issues or bugs that exist across browsers.
BrowserStack boasts access to more than 3,000 real mobile devices and browsers on a cloud-based infrastructure that allows you to conduct comprehensive browser testing. This testing is necessary to help you troubleshoot design issues across browsers and devices, so no matter where your users are coming from they can have the intended experience.
How We Use Browserstack
We run every page we build through Browserstack, testing a variety of operating systems, devices, and browsers to make sure that our work looks great for all the users. It is totally worth it if you are making your own modules, website, or whatever.
Simply focusing on on- and off-page SEO factors isn’t enough to keep your site ranking and converting. Website performance depends on factors that change with every Google update. Regular usability and page performance tests, as well as implementing guides and best practices for uploading content, will go a long way to improving conversion rates and even boosting search engine rankings. Be sure to check out the tools that we’ve outlined here regardless of what development phase you’re in. The more focus you place on user experience, the better your chances of converting your website visitors into leads and customers.
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n","blog_post_schedule_task_uid":null,"blog_publish_to_social_media_task":"DONE_NOT_SENT","blog_publish_instant_email_task_uid":null,"blog_publish_instant_email_campaign_id":null,"blog_publish_instant_email_retry_count":null,"keywords":[],"head_html":null,"footer_html":null,"attached_stylesheets":[],"enable_domain_stylesheets":null,"include_default_custom_css":null,"meta_description":"More than SEO: Here are our top website optimization tools for increasing conversions and optimizing your website. ","meta_keywords":null,"layout_sections":{},"past_mab_experiment_ids":[],"deleted_by":null,"featured_image_alt_text":"","enable_layout_stylesheets":null,"tweet":null,"tweet_at":null,"campaign_name":null,"campaign_utm":null,"tweet_immediately":false,"publish_immediately":true,"security_state":"NONE","scheduled_update_date":0,"placement_guids":[],"property_for_dynamic_page_title":null,"property_for_dynamic_page_slug":null,"property_for_dynamic_page_meta_description":null,"property_for_dynamic_page_featured_image":null,"property_for_dynamic_page_canonical_url":null,"preview_image_src":null,"legacy_blog_tabid":null,"legacy_post_guid":null,"performable_variation_letter":null,"style_override_id":null,"has_user_changes":true,"css":{},"css_text":"","unpublished_at":0,"published_by_id":61310730,"allowed_slug_conflict":false,"ai_features":null,"link_rel_canonical_url":"","page_redirected":false,"page_expiry_enabled":null,"page_expiry_date":null,"page_expiry_redirect_id":null,"page_expiry_redirect_url":null,"deleted_by_id":null,"state_when_deleted":null,"cloned_from":null,"staged_from":null,"personas":[],"compose_body":null,"featured_image":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","featured_image_width":1080,"featured_image_height":1080,"publish_timezone_offset":null,"theme_settings_values":null,"password":null,"header":null,"published_at":1722396468368,"last_edit_session_id":null,"last_edit_update_id":null,"created_by_agent":null},"metaDescription":"More than SEO: Here are our top website optimization tools for increasing conversions and optimizing your website. ","metaKeywords":null,"name":"5 Website Optimization Tools to Boost Conversions","nextPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","nextPostFeaturedImageAltText":"","nextPostName":"Page Speed Optimization: 5 Factors Bogging Down Your Website","nextPostSlug":"blogs/page-speed-optimization-5-factors-bogging-down-your-website","pageExpiryDate":null,"pageExpiryEnabled":null,"pageExpiryRedirectId":null,"pageExpiryRedirectUrl":null,"pageRedirected":false,"pageTitle":"5 Website Optimization Tools to Boost Conversions","parentBlog":{"absoluteUrl":"https://deckerdevs.com/blogs","allowComments":true,"ampBodyColor":"#404040","ampBodyFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampBodyFontSize":"18","ampCustomCss":"","ampHeaderBackgroundColor":"#ffffff","ampHeaderColor":"#1e1e1e","ampHeaderFont":"'Helvetica Neue', Helvetica, Arial, sans-serif","ampHeaderFontSize":"36","ampLinkColor":"#416bb3","ampLogoAlt":"","ampLogoHeight":0,"ampLogoSrc":"","ampLogoWidth":0,"analyticsPageId":62179259185,"attachedStylesheets":[],"audienceAccess":"PUBLIC","businessUnitId":null,"captchaAfterDays":7,"captchaAlways":false,"categoryId":3,"cdnPurgeEmbargoTime":null,"closeCommentsOlder":0,"commentDateFormat":"medium","commentFormGuid":"cb653aa1-3db4-4167-9b59-744c46d49682","commentMaxThreadDepth":3,"commentModeration":false,"commentNotificationEmails":["nicholas@deckerdevs.com","jessica@deckerdevs.com"],"commentShouldCreateContact":true,"commentVerificationText":"Thanks for participating in this conversation! We look forward to responding and to assisting where we can","cosObjectType":"BLOG","created":1639786189589,"createdDateTime":1639786189589,"dailyNotificationEmailId":null,"dateFormattingLanguage":null,"defaultGroupStyleId":"","defaultNotificationFromName":"","defaultNotificationReplyTo":"","deletedAt":0,"description":"rev up your hubspot system to the max! deckerdevs' turbo-charged blog is your ultimate guide to harnessing the full potential of hubspot development. unleash the marketing magic with ingenious tips, tricks, and hacks. get ready to level up your hubspot game!","domain":"","domainWhenPublished":"deckerdevs.com","emailApiSubscriptionId":null,"enableGoogleAmpOutput":false,"enableSocialAutoPublishing":false,"generateJsonLdEnabled":true,"header":null,"htmlFooter":"","htmlFooterIsShared":true,"htmlHead":"","htmlHeadIsShared":true,"htmlKeywords":[],"htmlTitle":"deckerdevs thought nuggets","id":62179259185,"ilsSubscriptionListsByType":{},"instantNotificationEmailId":null,"itemLayoutId":null,"itemTemplateIsShared":false,"itemTemplatePath":"deckerdevs-theme/templates/blog-content.html","label":"deckerdevs live blog","language":"en","legacyGuid":null,"legacyModuleId":null,"legacyTabId":null,"listingLayoutId":null,"listingPageId":62179259186,"listingTemplatePath":"","liveDomain":"deckerdevs.com","monthFilterFormat":"MMMM yyyy","monthlyNotificationEmailId":null,"name":"deckerdevs live blog","parentBlogUpdateTaskId":null,"portalId":6534445,"postHtmlFooter":"","postHtmlHead":"","postsPerListingPage":9,"postsPerRssFeed":10,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publicTitle":"thought nuggets","publishDateFormat":"medium","resolvedDomain":"deckerdevs.com","rootUrl":"https://deckerdevs.com/blogs","rssCustomFeed":null,"rssDescription":null,"rssItemFooter":null,"rssItemHeader":null,"settingsOverrides":{"itemLayoutId":false,"itemTemplatePath":false,"itemTemplateIsShared":false,"listingLayoutId":false,"listingTemplatePath":false,"postsPerListingPage":false,"showSummaryInListing":false,"useFeaturedImageInSummary":false,"htmlHead":false,"postHtmlHead":false,"htmlHeadIsShared":false,"htmlFooter":false,"listingPageHtmlFooter":false,"postHtmlFooter":false,"htmlFooterIsShared":false,"attachedStylesheets":false,"postsPerRssFeed":false,"showSummaryInRss":false,"showSummaryInEmails":false,"showSummariesInEmails":false,"allowComments":false,"commentShouldCreateContact":false,"commentModeration":false,"closeCommentsOlder":false,"commentNotificationEmails":false,"commentMaxThreadDepth":false,"commentVerificationText":false,"socialAccountTwitter":false,"showSocialLinkTwitter":false,"showSocialLinkLinkedin":false,"showSocialLinkFacebook":false,"enableGoogleAmpOutput":false,"ampLogoSrc":false,"ampLogoHeight":false,"ampLogoWidth":false,"ampLogoAlt":false,"ampHeaderFont":false,"ampHeaderFontSize":false,"ampHeaderColor":false,"ampHeaderBackgroundColor":false,"ampBodyFont":false,"ampBodyFontSize":false,"ampBodyColor":false,"ampLinkColor":false,"generateJsonLdEnabled":false},"showSocialLinkFacebook":true,"showSocialLinkLinkedin":true,"showSocialLinkTwitter":true,"showSummaryInEmails":true,"showSummaryInListing":true,"showSummaryInRss":true,"siteId":null,"slug":"blogs","socialAccountTwitter":"","state":null,"subscriptionContactsProperty":null,"subscriptionEmailType":null,"subscriptionFormGuid":null,"subscriptionListsByType":{},"title":null,"translatedFromId":null,"translations":{},"updated":1712344124471,"updatedDateTime":1712344124471,"urlBase":"deckerdevs.com/blogs","urlSegments":{"all":"all","archive":"archive","author":"author","page":"page","tag":"tag"},"useFeaturedImageInSummary":true,"usesDefaultTemplate":false,"weeklyNotificationEmailId":null},"password":null,"pastMabExperimentIds":[],"performableGuid":null,"performableVariationLetter":null,"personas":[],"placementGuids":[],"portableKey":null,"portalId":6534445,"position":null,"postBody":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n\n
You may think your new string of landing pages will perform well, but how does your site and campaign really stack up in terms of conversion and user experience?
\n\n
Ask yourself the following questions:
\n- \n
- What are website visitors doing once they arrive at our website? \n
- What can we do to improve our site for search engines and visitors? \n
- What are our best-performing pages? \n
- What do people outside our organization think about our website design? \n
- Are our current calls to action (CTAs) placed in the best spots for optimal conversion? \n
Optimization is a near-constant process of audits and improvements to create the best possible user experience. Here are our top tools to help you ensure that your website is performing for your users and helping your organization meet its marketing goals.
\n\n
\n
Google Page Speed
\nGoogle Page Speed is a free site that helps you understand how your site is performing from a load time perspective on mobile and desktop browsers. Geared toward developers, it analyzes load times on each URL entered and provides a pass or fail grade for the performance of that page. It lays out opportunities for improvement and provides a full diagnostic report.
\n\n
Let’s look at the most important aspects of this report:
\n- \n
- \n
Largest Contentful Paint (LCP): Page Loading
\n
This gauges the main website content load speed , which should ideally be under 2.5 seconds. A load speed over 4 seconds is considered poor. The longer the main content on your website takes to load, the more likely users are to click away — and a higher bounce rate drastically decreases your conversion rate. It’s logical to conclude that the pages with the fastest load times would take preference in search engine rankings, since this is such a large contributor to user experience. \n
- \n
- \n
First Input Delay (FID): Interactivity
\n
First input delay is the length of time between a user interaction (say, clicking a CTA button) and processing that request. This metric is an important indicator of website responsiveness. Less than 100ms is a good score, while greater than 300ms is considered poor. The longer it takes for your website to respond to user requests, the more likely it is to frustrate users. When your goal is to keep your website visitors engaged, you want to do everything you can to ensure the experience is positive , and that means optimizing your interactivity. \n
- \n
- \n
Cumulative Layout Shift (CLS): Visual Stability
\nThis metric measures how often users experience unexpected layout shifts. Examples are a button or link moving when a user goes to click on it, or text shifting in an article that a user is trying to read. Once again, the user experience is easily impacted by unexpected movement or shifts of the elements on your website page. A score of 0.1 or less is ideal, with scores above 0.25 failing.
\n \n
Constantly running diagnostics and paying close attention to overall page load speed and website stability are particularly important in light of Google’s June 2021 algorithm update focusing on Google core vitals, which included ranking signals for loading speed, interactivity, and visual stability. Your page load speed is among the most critical factors when it comes to the success of your website. If the content your visitors most want to see doesn’t load fast enough, the back button is just a click away and it’s onto the next Google result. Optimizing your page speed can help you keep visitors on your website, increasing your chances of converting your traffic.
\n\n
How we use Google Page Speed
\nWe use this in combination with other speed testers. This allows us to review the recommendations and dig into what needs to be fixed. We are constantly taking over sites built by other agencies or developers, and one of the first things we jump into during these projects is how site performance can be improved across the board.
\n\n
Lucky Orange
\nWhen most organizations build webpages, they do so balancing aesthetics and how they expect a visitor to interact with their content. But how do you know that a website visitor is actually following the conversion path that you’ve so carefully laid in front of them?
\n\n
Lucky Orange is a heat map and session recording software that provides valuable data about how your visitors are interacting with your site. Heat maps show you the most active areas of your website and indicate the point your visitors are scrolling to, as well as what elements they are clicking or hovering over.
\n\n
Session recordings and heat maps show us how an individual visitor is interacting with our website in real time. Following their visits as they move through it helps you to better determine, not only where they are navigating, but also aspects of the site that may be confusing to them.
\n\n
You may want to ask yourself the following questions in conjunction with your analysis inside this tool:
\n- \n
- Is the user scrolling too much before taking the most essential actions? \n
- What are the most popular actions on the page? \n
- How can I prioritize content or CTAs to better convert prospects or improve the user experience? \n
- How does a mobile user session differ from a desktop user’s experience? \n
Understanding the answers to these questions will help you make layout improvements that should go a long way to improving your conversion rates.
\n\n
How we use Lucky Orange
Lucky Orange helps the team at deckerdevs audit everything from conversion optimization to site flow. We geek out in this tool, sifting through session recordings and watching user actions to help fix leaky funnels on our clients’ behalf.
\n
Usability Hub
\nIt can be difficult to obtain consistent feedback or know exactly what will work when you’re still in the design phases of your web project. Usability Hub is an end-to-end remote user testing platform. This tool is free for short (< 2 minute) tests of up to 5 questions. Usability Hub helps to uncover design issues early in the development process, preventing user experience issues that could be costing you money and conversions.
\n\n
Usability Hub also offers:
\n- \n
- Prototype testing \n
- Design surveys \n
- Preference tests \n
- Five-second tests \n
- First-click tests \n
This tool allows for live user feedback in many different formats. You can invite customers, clients, focus groups, or coworkers; or you can pay for the built in Usability Hub panel (a pool of over 340,000+ users) that allows you to target by demographics such as age, location, gender, income, and more.
This tool is great for pre-development feedback of design layouts or considerations for website updates.
How we use Usability Hub
It’s sometimes difficult to convince a client to use a tool like this, but it unlocks so many opportunities to help companies understand and get a real validation to a user experience. Because our deep knowledge of user experience brings a lot of value to clients, they’ll typically follow our recommendations instead of spending the extra money on a tool like this. Fostering the type of relationship that allows your clients to trust your recommendations implicitly is a big indicator that we’re doing things right, but when budget allows, this tool is a great option for those seeking usability feedback who may not have access to a trusted outsourced developer.
Attention Insight
\nIf you’re looking for feedback, but don’t necessarily have the time to rabbit hole into surveys and other usability tests, Attention Insights is a pre-launch analytics software that uses artificial intelligence (AI) to create heat maps based on predictions of user behavior data from eye tracking studies.
This AI-based feedback can help you make intelligent predictions about how users will interact with your website without conducting weeks of usability tests. The feedback can help you determine where to place CTA buttons, product images, pricing, descriptions, and other important information that you most want your visitors to interact with.
\n\n
Notable features:
\n- \n
- Attention heat maps: These predict areas catching the most attention \n
- Percentage of attention: based on area of interest \n
- Clarity score: This measures design clarity against other designs in the same category \n
- Focus maps: These tell which aspects of your design will be noticed in the first 3-5 seconds \n
All of the behavioral data housed within Attention Insight’s powerful AI tool gives incredibly valuable predictions for projects long before they’re launched, allowing you to make educated decisions regarding layout and design with proven feedback.
How we use Attention Insight
This is another tool we really want to use. While we haven’t had the opportunity to use it yet, we are currently working through a website redesign and will be running all of our new pages through it so we can get hands-on experience and see how awesome it really is. Don’t worry, we’ll keep you posted.
Google Analytics
\nWhile this is the best-known tool when it comes to page optimization and SEO, Google Analytics continues to provide valuable insight on page performance, including:
\n- \n
- Number of visitors \n
- Visitor referral source \n
- Visitor page actions \n
- How long visitors spend on each page \n
- When visitors leave your site \n
Analytics like this help determine your best- and worst-performing pages, see which referral sources are performing the best, and begin initial audits on opportunities to further test for improvement.
How we use Google Analytics
If Google Analytics is the bread, Google Tag Manager is the butter. So much stuff is going on here, and we have this on every site. You probably already have it installed on your website. If you aren't using Google Analytics, I don't even know what you are doing here. Get in there and get it going! Set up some conversion goals, analyze your traffic, and get to work.
\n\n
BrowserStack
\nHow does your website perform across browsers on multiple devices and operating systems? Testing all the major browsers, devices, and operating systems is important to determining any potential layout issues or bugs that exist across browsers.
BrowserStack boasts access to more than 3,000 real mobile devices and browsers on a cloud-based infrastructure that allows you to conduct comprehensive browser testing. This testing is necessary to help you troubleshoot design issues across browsers and devices, so no matter where your users are coming from they can have the intended experience.
How We Use Browserstack
We run every page we build through Browserstack, testing a variety of operating systems, devices, and browsers to make sure that our work looks great for all the users. It is totally worth it if you are making your own modules, website, or whatever.
Simply focusing on on- and off-page SEO factors isn’t enough to keep your site ranking and converting. Website performance depends on factors that change with every Google update. Regular usability and page performance tests, as well as implementing guides and best practices for uploading content, will go a long way to improving conversion rates and even boosting search engine rankings. Be sure to check out the tools that we’ve outlined here regardless of what development phase you’re in. The more focus you place on user experience, the better your chances of converting your website visitors into leads and customers.
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n\n
You may think your new string of landing pages will perform well, but how does your site and campaign really stack up in terms of conversion and user experience?
\n\n
Ask yourself the following questions:
\n- \n
- What are website visitors doing once they arrive at our website? \n
- What can we do to improve our site for search engines and visitors? \n
- What are our best-performing pages? \n
- What do people outside our organization think about our website design? \n
- Are our current calls to action (CTAs) placed in the best spots for optimal conversion? \n
Optimization is a near-constant process of audits and improvements to create the best possible user experience. Here are our top tools to help you ensure that your website is performing for your users and helping your organization meet its marketing goals.
\n\n
\n
Google Page Speed
\nGoogle Page Speed is a free site that helps you understand how your site is performing from a load time perspective on mobile and desktop browsers. Geared toward developers, it analyzes load times on each URL entered and provides a pass or fail grade for the performance of that page. It lays out opportunities for improvement and provides a full diagnostic report.
\n\n
Let’s look at the most important aspects of this report:
\n- \n
- \n
Largest Contentful Paint (LCP): Page Loading
\n
This gauges the main website content load speed , which should ideally be under 2.5 seconds. A load speed over 4 seconds is considered poor. The longer the main content on your website takes to load, the more likely users are to click away — and a higher bounce rate drastically decreases your conversion rate. It’s logical to conclude that the pages with the fastest load times would take preference in search engine rankings, since this is such a large contributor to user experience. \n
- \n
- \n
First Input Delay (FID): Interactivity
\n
First input delay is the length of time between a user interaction (say, clicking a CTA button) and processing that request. This metric is an important indicator of website responsiveness. Less than 100ms is a good score, while greater than 300ms is considered poor. The longer it takes for your website to respond to user requests, the more likely it is to frustrate users. When your goal is to keep your website visitors engaged, you want to do everything you can to ensure the experience is positive , and that means optimizing your interactivity. \n
- \n
- \n
Cumulative Layout Shift (CLS): Visual Stability
\nThis metric measures how often users experience unexpected layout shifts. Examples are a button or link moving when a user goes to click on it, or text shifting in an article that a user is trying to read. Once again, the user experience is easily impacted by unexpected movement or shifts of the elements on your website page. A score of 0.1 or less is ideal, with scores above 0.25 failing.
\n \n
Constantly running diagnostics and paying close attention to overall page load speed and website stability are particularly important in light of Google’s June 2021 algorithm update focusing on Google core vitals, which included ranking signals for loading speed, interactivity, and visual stability. Your page load speed is among the most critical factors when it comes to the success of your website. If the content your visitors most want to see doesn’t load fast enough, the back button is just a click away and it’s onto the next Google result. Optimizing your page speed can help you keep visitors on your website, increasing your chances of converting your traffic.
\n\n
How we use Google Page Speed
\nWe use this in combination with other speed testers. This allows us to review the recommendations and dig into what needs to be fixed. We are constantly taking over sites built by other agencies or developers, and one of the first things we jump into during these projects is how site performance can be improved across the board.
\n\n
Lucky Orange
\nWhen most organizations build webpages, they do so balancing aesthetics and how they expect a visitor to interact with their content. But how do you know that a website visitor is actually following the conversion path that you’ve so carefully laid in front of them?
\n\n
Lucky Orange is a heat map and session recording software that provides valuable data about how your visitors are interacting with your site. Heat maps show you the most active areas of your website and indicate the point your visitors are scrolling to, as well as what elements they are clicking or hovering over.
\n\n
Session recordings and heat maps show us how an individual visitor is interacting with our website in real time. Following their visits as they move through it helps you to better determine, not only where they are navigating, but also aspects of the site that may be confusing to them.
\n\n
You may want to ask yourself the following questions in conjunction with your analysis inside this tool:
\n- \n
- Is the user scrolling too much before taking the most essential actions? \n
- What are the most popular actions on the page? \n
- How can I prioritize content or CTAs to better convert prospects or improve the user experience? \n
- How does a mobile user session differ from a desktop user’s experience? \n
Understanding the answers to these questions will help you make layout improvements that should go a long way to improving your conversion rates.
\n\n
How we use Lucky Orange
Lucky Orange helps the team at deckerdevs audit everything from conversion optimization to site flow. We geek out in this tool, sifting through session recordings and watching user actions to help fix leaky funnels on our clients’ behalf.
\n
Usability Hub
\nIt can be difficult to obtain consistent feedback or know exactly what will work when you’re still in the design phases of your web project. Usability Hub is an end-to-end remote user testing platform. This tool is free for short (< 2 minute) tests of up to 5 questions. Usability Hub helps to uncover design issues early in the development process, preventing user experience issues that could be costing you money and conversions.
\n\n
Usability Hub also offers:
\n- \n
- Prototype testing \n
- Design surveys \n
- Preference tests \n
- Five-second tests \n
- First-click tests \n
This tool allows for live user feedback in many different formats. You can invite customers, clients, focus groups, or coworkers; or you can pay for the built in Usability Hub panel (a pool of over 340,000+ users) that allows you to target by demographics such as age, location, gender, income, and more.
This tool is great for pre-development feedback of design layouts or considerations for website updates.
How we use Usability Hub
It’s sometimes difficult to convince a client to use a tool like this, but it unlocks so many opportunities to help companies understand and get a real validation to a user experience. Because our deep knowledge of user experience brings a lot of value to clients, they’ll typically follow our recommendations instead of spending the extra money on a tool like this. Fostering the type of relationship that allows your clients to trust your recommendations implicitly is a big indicator that we’re doing things right, but when budget allows, this tool is a great option for those seeking usability feedback who may not have access to a trusted outsourced developer.
Attention Insight
\nIf you’re looking for feedback, but don’t necessarily have the time to rabbit hole into surveys and other usability tests, Attention Insights is a pre-launch analytics software that uses artificial intelligence (AI) to create heat maps based on predictions of user behavior data from eye tracking studies.
This AI-based feedback can help you make intelligent predictions about how users will interact with your website without conducting weeks of usability tests. The feedback can help you determine where to place CTA buttons, product images, pricing, descriptions, and other important information that you most want your visitors to interact with.
\n\n
Notable features:
\n- \n
- Attention heat maps: These predict areas catching the most attention \n
- Percentage of attention: based on area of interest \n
- Clarity score: This measures design clarity against other designs in the same category \n
- Focus maps: These tell which aspects of your design will be noticed in the first 3-5 seconds \n
All of the behavioral data housed within Attention Insight’s powerful AI tool gives incredibly valuable predictions for projects long before they’re launched, allowing you to make educated decisions regarding layout and design with proven feedback.
How we use Attention Insight
This is another tool we really want to use. While we haven’t had the opportunity to use it yet, we are currently working through a website redesign and will be running all of our new pages through it so we can get hands-on experience and see how awesome it really is. Don’t worry, we’ll keep you posted.
Google Analytics
\nWhile this is the best-known tool when it comes to page optimization and SEO, Google Analytics continues to provide valuable insight on page performance, including:
\n- \n
- Number of visitors \n
- Visitor referral source \n
- Visitor page actions \n
- How long visitors spend on each page \n
- When visitors leave your site \n
Analytics like this help determine your best- and worst-performing pages, see which referral sources are performing the best, and begin initial audits on opportunities to further test for improvement.
How we use Google Analytics
If Google Analytics is the bread, Google Tag Manager is the butter. So much stuff is going on here, and we have this on every site. You probably already have it installed on your website. If you aren't using Google Analytics, I don't even know what you are doing here. Get in there and get it going! Set up some conversion goals, analyze your traffic, and get to work.
\n\n
BrowserStack
\nHow does your website perform across browsers on multiple devices and operating systems? Testing all the major browsers, devices, and operating systems is important to determining any potential layout issues or bugs that exist across browsers.
BrowserStack boasts access to more than 3,000 real mobile devices and browsers on a cloud-based infrastructure that allows you to conduct comprehensive browser testing. This testing is necessary to help you troubleshoot design issues across browsers and devices, so no matter where your users are coming from they can have the intended experience.
How We Use Browserstack
We run every page we build through Browserstack, testing a variety of operating systems, devices, and browsers to make sure that our work looks great for all the users. It is totally worth it if you are making your own modules, website, or whatever.
Simply focusing on on- and off-page SEO factors isn’t enough to keep your site ranking and converting. Website performance depends on factors that change with every Google update. Regular usability and page performance tests, as well as implementing guides and best practices for uploading content, will go a long way to improving conversion rates and even boosting search engine rankings. Be sure to check out the tools that we’ve outlined here regardless of what development phase you’re in. The more focus you place on user experience, the better your chances of converting your website visitors into leads and customers.
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n","postFeaturedImageIfEnabled":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","postListContent":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n","postListSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","postRssContent":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n","postRssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","postSummary":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n","postSummaryRss":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n","postTemplate":"deckerdevs-theme/templates/blog-content.html","previewImageSrc":null,"previewKey":"lQIuRtlA","previousPostFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/deckerdevs-page%20speed.png","previousPostFeaturedImageAltText":"","previousPostName":"Page Speed Optimization: 5 Factors Bogging Down Your Website","previousPostSlug":"blogs/page-speed-optimization-5-factors-bogging-down-your-website","processingStatus":"PUBLISHED","propertyForDynamicPageCanonicalUrl":null,"propertyForDynamicPageFeaturedImage":null,"propertyForDynamicPageMetaDescription":null,"propertyForDynamicPageSlug":null,"propertyForDynamicPageTitle":null,"publicAccessRules":[],"publicAccessRulesEnabled":false,"publishDate":1642439374000,"publishDateLocalTime":1642439374000,"publishDateLocalized":{"date":1642439374000,"format":"medium","language":null},"publishImmediately":true,"publishTimezoneOffset":null,"publishedAt":1722396468368,"publishedByEmail":null,"publishedById":61310730,"publishedByName":null,"publishedUrl":"https://deckerdevs.com/blogs/5-website-optimization-tools-to-boost-conversions","resolvedDomain":"deckerdevs.com","resolvedLanguage":null,"rssBody":"
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n\n
You may think your new string of landing pages will perform well, but how does your site and campaign really stack up in terms of conversion and user experience?
\n\n
Ask yourself the following questions:
\n- \n
- What are website visitors doing once they arrive at our website? \n
- What can we do to improve our site for search engines and visitors? \n
- What are our best-performing pages? \n
- What do people outside our organization think about our website design? \n
- Are our current calls to action (CTAs) placed in the best spots for optimal conversion? \n
Optimization is a near-constant process of audits and improvements to create the best possible user experience. Here are our top tools to help you ensure that your website is performing for your users and helping your organization meet its marketing goals.
\n\n
\n
Google Page Speed
\nGoogle Page Speed is a free site that helps you understand how your site is performing from a load time perspective on mobile and desktop browsers. Geared toward developers, it analyzes load times on each URL entered and provides a pass or fail grade for the performance of that page. It lays out opportunities for improvement and provides a full diagnostic report.
\n\n
Let’s look at the most important aspects of this report:
\n- \n
- \n
Largest Contentful Paint (LCP): Page Loading
\n
This gauges the main website content load speed , which should ideally be under 2.5 seconds. A load speed over 4 seconds is considered poor. The longer the main content on your website takes to load, the more likely users are to click away — and a higher bounce rate drastically decreases your conversion rate. It’s logical to conclude that the pages with the fastest load times would take preference in search engine rankings, since this is such a large contributor to user experience. \n
- \n
- \n
First Input Delay (FID): Interactivity
\n
First input delay is the length of time between a user interaction (say, clicking a CTA button) and processing that request. This metric is an important indicator of website responsiveness. Less than 100ms is a good score, while greater than 300ms is considered poor. The longer it takes for your website to respond to user requests, the more likely it is to frustrate users. When your goal is to keep your website visitors engaged, you want to do everything you can to ensure the experience is positive , and that means optimizing your interactivity. \n
- \n
- \n
Cumulative Layout Shift (CLS): Visual Stability
\nThis metric measures how often users experience unexpected layout shifts. Examples are a button or link moving when a user goes to click on it, or text shifting in an article that a user is trying to read. Once again, the user experience is easily impacted by unexpected movement or shifts of the elements on your website page. A score of 0.1 or less is ideal, with scores above 0.25 failing.
\n \n
Constantly running diagnostics and paying close attention to overall page load speed and website stability are particularly important in light of Google’s June 2021 algorithm update focusing on Google core vitals, which included ranking signals for loading speed, interactivity, and visual stability. Your page load speed is among the most critical factors when it comes to the success of your website. If the content your visitors most want to see doesn’t load fast enough, the back button is just a click away and it’s onto the next Google result. Optimizing your page speed can help you keep visitors on your website, increasing your chances of converting your traffic.
\n\n
How we use Google Page Speed
\nWe use this in combination with other speed testers. This allows us to review the recommendations and dig into what needs to be fixed. We are constantly taking over sites built by other agencies or developers, and one of the first things we jump into during these projects is how site performance can be improved across the board.
\n\n
Lucky Orange
\nWhen most organizations build webpages, they do so balancing aesthetics and how they expect a visitor to interact with their content. But how do you know that a website visitor is actually following the conversion path that you’ve so carefully laid in front of them?
\n\n
Lucky Orange is a heat map and session recording software that provides valuable data about how your visitors are interacting with your site. Heat maps show you the most active areas of your website and indicate the point your visitors are scrolling to, as well as what elements they are clicking or hovering over.
\n\n
Session recordings and heat maps show us how an individual visitor is interacting with our website in real time. Following their visits as they move through it helps you to better determine, not only where they are navigating, but also aspects of the site that may be confusing to them.
\n\n
You may want to ask yourself the following questions in conjunction with your analysis inside this tool:
\n- \n
- Is the user scrolling too much before taking the most essential actions? \n
- What are the most popular actions on the page? \n
- How can I prioritize content or CTAs to better convert prospects or improve the user experience? \n
- How does a mobile user session differ from a desktop user’s experience? \n
Understanding the answers to these questions will help you make layout improvements that should go a long way to improving your conversion rates.
\n\n
How we use Lucky Orange
Lucky Orange helps the team at deckerdevs audit everything from conversion optimization to site flow. We geek out in this tool, sifting through session recordings and watching user actions to help fix leaky funnels on our clients’ behalf.
\n
Usability Hub
\nIt can be difficult to obtain consistent feedback or know exactly what will work when you’re still in the design phases of your web project. Usability Hub is an end-to-end remote user testing platform. This tool is free for short (< 2 minute) tests of up to 5 questions. Usability Hub helps to uncover design issues early in the development process, preventing user experience issues that could be costing you money and conversions.
\n\n
Usability Hub also offers:
\n- \n
- Prototype testing \n
- Design surveys \n
- Preference tests \n
- Five-second tests \n
- First-click tests \n
This tool allows for live user feedback in many different formats. You can invite customers, clients, focus groups, or coworkers; or you can pay for the built in Usability Hub panel (a pool of over 340,000+ users) that allows you to target by demographics such as age, location, gender, income, and more.
This tool is great for pre-development feedback of design layouts or considerations for website updates.
How we use Usability Hub
It’s sometimes difficult to convince a client to use a tool like this, but it unlocks so many opportunities to help companies understand and get a real validation to a user experience. Because our deep knowledge of user experience brings a lot of value to clients, they’ll typically follow our recommendations instead of spending the extra money on a tool like this. Fostering the type of relationship that allows your clients to trust your recommendations implicitly is a big indicator that we’re doing things right, but when budget allows, this tool is a great option for those seeking usability feedback who may not have access to a trusted outsourced developer.
Attention Insight
\nIf you’re looking for feedback, but don’t necessarily have the time to rabbit hole into surveys and other usability tests, Attention Insights is a pre-launch analytics software that uses artificial intelligence (AI) to create heat maps based on predictions of user behavior data from eye tracking studies.
This AI-based feedback can help you make intelligent predictions about how users will interact with your website without conducting weeks of usability tests. The feedback can help you determine where to place CTA buttons, product images, pricing, descriptions, and other important information that you most want your visitors to interact with.
\n\n
Notable features:
\n- \n
- Attention heat maps: These predict areas catching the most attention \n
- Percentage of attention: based on area of interest \n
- Clarity score: This measures design clarity against other designs in the same category \n
- Focus maps: These tell which aspects of your design will be noticed in the first 3-5 seconds \n
All of the behavioral data housed within Attention Insight’s powerful AI tool gives incredibly valuable predictions for projects long before they’re launched, allowing you to make educated decisions regarding layout and design with proven feedback.
How we use Attention Insight
This is another tool we really want to use. While we haven’t had the opportunity to use it yet, we are currently working through a website redesign and will be running all of our new pages through it so we can get hands-on experience and see how awesome it really is. Don’t worry, we’ll keep you posted.
Google Analytics
\nWhile this is the best-known tool when it comes to page optimization and SEO, Google Analytics continues to provide valuable insight on page performance, including:
\n- \n
- Number of visitors \n
- Visitor referral source \n
- Visitor page actions \n
- How long visitors spend on each page \n
- When visitors leave your site \n
Analytics like this help determine your best- and worst-performing pages, see which referral sources are performing the best, and begin initial audits on opportunities to further test for improvement.
How we use Google Analytics
If Google Analytics is the bread, Google Tag Manager is the butter. So much stuff is going on here, and we have this on every site. You probably already have it installed on your website. If you aren't using Google Analytics, I don't even know what you are doing here. Get in there and get it going! Set up some conversion goals, analyze your traffic, and get to work.
\n\n
BrowserStack
\nHow does your website perform across browsers on multiple devices and operating systems? Testing all the major browsers, devices, and operating systems is important to determining any potential layout issues or bugs that exist across browsers.
BrowserStack boasts access to more than 3,000 real mobile devices and browsers on a cloud-based infrastructure that allows you to conduct comprehensive browser testing. This testing is necessary to help you troubleshoot design issues across browsers and devices, so no matter where your users are coming from they can have the intended experience.
How We Use Browserstack
We run every page we build through Browserstack, testing a variety of operating systems, devices, and browsers to make sure that our work looks great for all the users. It is totally worth it if you are making your own modules, website, or whatever.
Simply focusing on on- and off-page SEO factors isn’t enough to keep your site ranking and converting. Website performance depends on factors that change with every Google update. Regular usability and page performance tests, as well as implementing guides and best practices for uploading content, will go a long way to improving conversion rates and even boosting search engine rankings. Be sure to check out the tools that we’ve outlined here regardless of what development phase you’re in. The more focus you place on user experience, the better your chances of converting your website visitors into leads and customers.
Even companies with the most robust marketing strategies are constantly exploring ways to improve their website conversion rates. Organizations spend a lot of their marketing budget to get new traffic but far less time and money understanding what that traffic is doing and how to optimize conversion rates.
\n\n","rssSummaryFeaturedImage":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","scheduledUpdateDate":0,"screenshotPreviewTakenAt":1736738868523,"screenshotPreviewUrl":"https://cdn1.hubspot.net/hubshotv3/prod/e/0/50dd4c27-2c47-4d05-b9bb-336e150b57ce.png","sections":{},"securityState":"NONE","siteId":null,"slug":"blogs/5-website-optimization-tools-to-boost-conversions","stagedFrom":null,"state":"PUBLISHED","stateWhenDeleted":null,"structuredContentPageType":null,"structuredContentType":null,"styleOverrideId":null,"subcategory":"normal_blog_post","syncedWithBlogRoot":true,"tagIds":[62770428190,62770428201,64085693442],"tagList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714484700,"deletedAt":0,"description":"","id":62770428190,"label":"Conversion Optimization","language":"en","name":"Conversion Optimization","portalId":6534445,"slug":"conversion-optimization","translatedFromId":null,"translations":{},"updated":1640714484700},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714505310,"deletedAt":0,"description":"","id":62770428201,"label":"Continuous Improvement Model","language":"en","name":"Continuous Improvement Model","portalId":6534445,"slug":"continuous-improvement-model","translatedFromId":null,"translations":{},"updated":1640714505310},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996}],"tagNames":["Conversion Optimization","Continuous Improvement Model","website optimization"],"teamPerms":[],"templatePath":"","templatePathForRender":"deckerdevs-theme/templates/blog-content.html","textToAudioFileId":null,"textToAudioGenerationRequestId":null,"themePath":null,"themeSettingsValues":null,"title":"5 Website Optimization Tools to Boost Conversions","tmsId":null,"topicIds":[62770428190,62770428201,64085693442],"topicList":[{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714484700,"deletedAt":0,"description":"","id":62770428190,"label":"Conversion Optimization","language":"en","name":"Conversion Optimization","portalId":6534445,"slug":"conversion-optimization","translatedFromId":null,"translations":{},"updated":1640714484700},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1640714505310,"deletedAt":0,"description":"","id":62770428201,"label":"Continuous Improvement Model","language":"en","name":"Continuous Improvement Model","portalId":6534445,"slug":"continuous-improvement-model","translatedFromId":null,"translations":{},"updated":1640714505310},{"categoryId":3,"cdnPurgeEmbargoTime":null,"contentIds":[],"cosObjectType":"TAG","created":1642438757996,"deletedAt":0,"description":"","id":64085693442,"label":"website optimization","language":"en","name":"website optimization","portalId":6534445,"slug":"website-optimization","translatedFromId":null,"translations":{},"updated":1642438757996}],"topicNames":["Conversion Optimization","Continuous Improvement Model","website optimization"],"topics":[62770428190,62770428201,64085693442],"translatedContent":{},"translatedFromId":null,"translations":{},"tweet":null,"tweetAt":null,"tweetImmediately":false,"unpublishedAt":0,"updated":1722396468372,"updatedById":61310730,"upsizeFeaturedImage":false,"url":"https://deckerdevs.com/blogs/5-website-optimization-tools-to-boost-conversions","useFeaturedImage":true,"userPerms":[],"views":null,"visibleToAll":null,"widgetContainers":{},"widgetcontainers":{},"widgets":{"blog-hero":{"body":{"column_split":"split-40-60","flip_columns_on_desktop":true,"heading":"5 Website Optimization Tools to Boost Conversions","heading_size":"h1","heading_tag":"h1","image_holder":{"image_field":{"alt":"deckerdevs-website optimization","height":1080,"loading":"lazy","max_height":1080,"max_width":1080,"size_type":"auto","src":"https://6534445.fs1.hubspotusercontent-na1.net/hubfs/6534445/BLOG%20Images/deckerdevs-website%20optimization.png","width":1080}}},"child_css":{},"css":{},"id":"blog-hero","label":null,"module_id":82854350373,"name":"blog-hero","order":1,"smart_type":null,"styles":{},"type":"module"},"blog-image":{"body":{"image_field":{"alt":"pattern","height":563,"loading":"lazy","max_height":563,"max_width":1000,"size_type":"auto","src":"https://f.hubspotusercontent40.net/hubfs/6534445/deckerdevs%20brand%20assets/pattern.jpg","width":1000},"module_id":62246908725},"child_css":{},"css":{},"deleted_at":1692638190093,"id":"blog-image","label":null,"module_id":62246908725,"name":"blog-image","order":3,"smart_type":null,"styles":{},"type":"module"}}}],"offset":0,"total":4,"totalCount":4}