{"id":17072,"date":"2019-05-09T14:11:54","date_gmt":"2019-05-09T19:11:54","guid":{"rendered":"https:\/\/www.dotcom-tools.com\/blog\/?p=17072"},"modified":"2021-11-17T01:09:13","modified_gmt":"2021-11-17T07:09:13","slug":"optimize-on-page-website-speed","status":"publish","type":"post","link":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/","title":{"rendered":"How to Optimize On-Page Website Speed"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17076 aligncenter\" src=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg\" alt=\"\" width=\"900\" height=\"400\" srcset=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg 900w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed-350x156.jpg 350w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed-768x341.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>Your customers aren&#8217;t shy about what they want. They want a website that loads quickly and efficiently on any device. More people than ever are surfing the internet on their phones. Having a fast website is important for improving search engine rankings and keeping your profits up. The first thing you can do is determine your website&#8217;s speed with a <a href=\"https:\/\/www.dotcom-tools.com\/website-speed-test.aspx\">free website speed test<\/a>. Here are six ways to optimize on-page website speed.<\/p>\n<h2><strong>1. Reduce HTTP Requests<\/strong><\/h2>\n<p>Eighty percent of your website&#8217;s load time involves downloading the images and text, according to Yahoo. This is otherwise known as an <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/reduce-http-requests-for-website-speed\/\">HTTP request<\/a>. The more on-page elements your website has, the longer it takes for your website to load. You can resolve this problem by noticing how many requests your website receives.<\/p>\n<p>Then you can work on reducing these requests. You&#8217;ll notice how much faster your website loads. You can do this on an ongoing basis by looking through your files and removing any unnecessary ones. If you notice any issues, then you&#8217;ll want to combine some of those files.<\/p>\n<h2><strong>2. Reduce On-Page Components<\/strong><\/h2>\n<p>Among these images, scripts, and stylesheets, each of these processes can have an impact on your website&#8217;s load time. If you use multiple style sheets or use images with <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/optimize-css-for-blazingly-fast-websites\/\">CSS<\/a>, then those HTTP requests won&#8217;t slow down your website.<\/p>\n<h3><strong>3. Minify &amp; Combine Files<\/strong><\/h3>\n<p>Once you understand how many requests your receives, you can decrease that number. One way to reduce these requests is to work on your CSS, HTML, and JavaScript files. Each of these files is important since they&#8217;re responsible for your website&#8217;s appearance. You can <a href=\"https:\/\/cssminifier.com\/\">minify <\/a>these requests by combining your files.<\/p>\n<p>This can be useful if you rely on a templated website builder. This makes it easier to create a website, but it can also add elements that can slow down your website. There are other ways to minify and combine files such as reducing the number of <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/inactive-wordpress-plugins-affect-site-performance\/\">plugins <\/a>that are on your website. The fewer the elements, the better for your website.<\/p>\n<h3><strong>4. Compress Large Pages<\/strong><\/h3>\n<p>Google said that the best SEO practices involve a combination of long-form content, shareable media, and videos. This can help you reach more people and rank higher in search engine results. This content can also decrease website loading times. The key is to <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/website-compression-for-webperf\/\">compress <\/a>some of your largest pages so they don&#8217;t take up as much space or use as much bandwidth and also optimize on-page website speed.<br \/>\n<big><\/big><\/p>\n<h4><strong>5. Use Asynchronous Loading<\/strong><\/h4>\n<p>After minifying and combining your files, you should shift your focus on the way they should load on each of your pages. For example, CSS and JavaScript are loaded differently. They&#8217;re either loaded <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/website-speed-with-asynchronous-loading\/\">asynchronously <\/a>or synchronously. Files that load asynchronously can increase the speed of your pages.<br \/>\n<big><\/big><\/p>\n<h4><strong>6. Use Browser Caching<\/strong><\/h4>\n<p>Turning on the <a href=\"https:\/\/www.dotcom-tools.com\/web-performance\/blog\/power-of-browser-caching-techniques\/\">browser caching<\/a> feature stores all of the information that ends up on the viewer&#8217;s hard drive. This can greatly improve the load times of your website. However, many people fail to see the power of this helpful tool and ignore it. Overlooking this tool can decrease the user experience and cause frustration for your visitors.<\/p>\n<p>&nbsp;<\/p>\n<p>This may seem complex, but it doesn&#8217;t have to be stressful. You&#8217;ll see an increased return on investment when you tackle each of these approaches to optimize on-page website speed. Your site should be accessible across any device. When your website speeds improve, this will lead to an improved user experience.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_cta h2=&#8221;What elements are slowing your website down?&#8221; add_button=&#8221;right&#8221; btn_title=&#8221;Run Test Now&#8221; btn_color=&#8221;warning&#8221; btn_link=&#8221;url:https%3A%2F%2Fwww.dotcom-tools.com%2Fwebsite-speed-test.aspx||target:%20_blank|&#8221; css=&#8221;.vc_custom_1562799844996{background-color: #9fdfd1 !important;}&#8221;]Get a free full report of your website&#8217;s elements loading times.[\/vc_cta][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Your customers aren&#8217;t shy about what they want. They want a website that loads quickly and efficiently on any device. More people than ever are surfing the internet on their phones. Having a fast website is important for improving search engine rankings and keeping your profits up. The first thing you can do is&hellip;<\/p>\n","protected":false},"author":6,"featured_media":17076,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-url.php","format":"standard","meta":[],"categories":[75,4],"tags":[73,69,72,86,77,81,63,82,71,9],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.6 (Yoast SEO v19.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>How to Optimize On-Page Website Speed | Dotcom-Monitor Tools Blog<\/title>\r\n<meta name=\"description\" content=\"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"How to Optimize On-Page Website Speed\" \/>\r\n<meta property=\"og:description\" content=\"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Dotcom-Monitor Tools Blog\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dotcommonitor\" \/>\r\n<meta property=\"article:published_time\" content=\"2019-05-09T19:11:54+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-11-17T07:09:13+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"900\" \/>\r\n\t<meta property=\"og:image:height\" content=\"400\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary\" \/>\r\n<meta name=\"twitter:creator\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:site\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Schmitz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\",\"name\":\"Dotcom-Monitor Tools Blog\",\"description\":\"Let&#039;s Make the Web a Faster Place.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#primaryimage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg\",\"contentUrl\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg\",\"width\":900,\"height\":400},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#webpage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/\",\"name\":\"How to Optimize On-Page Website Speed | Dotcom-Monitor Tools Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#primaryimage\"},\"datePublished\":\"2019-05-09T19:11:54+00:00\",\"dateModified\":\"2021-11-17T07:09:13+00:00\",\"author\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\"},\"description\":\"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Optimize On-Page Website Speed\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\",\"name\":\"Matt Schmitz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"caption\":\"Matt Schmitz\"},\"description\":\"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Optimize On-Page Website Speed | Dotcom-Monitor Tools Blog","description":"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/","og_locale":"en_US","og_type":"article","og_title":"How to Optimize On-Page Website Speed","og_description":"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.","og_url":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/","og_site_name":"Dotcom-Monitor Tools Blog","article_publisher":"https:\/\/www.facebook.com\/dotcommonitor","article_published_time":"2019-05-09T19:11:54+00:00","article_modified_time":"2021-11-17T07:09:13+00:00","og_image":[{"width":900,"height":400,"url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg","type":"image\/jpeg"}],"twitter_card":"summary","twitter_creator":"@dotcom_monitor","twitter_site":"@dotcom_monitor","twitter_misc":{"Written by":"Matt Schmitz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website","url":"https:\/\/www.dotcom-tools.com\/web-performance\/","name":"Dotcom-Monitor Tools Blog","description":"Let&#039;s Make the Web a Faster Place.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#primaryimage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg","contentUrl":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2019\/07\/Optimize-on-page-website-speed.jpg","width":900,"height":400},{"@type":"WebPage","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#webpage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/","name":"How to Optimize On-Page Website Speed | Dotcom-Monitor Tools Blog","isPartOf":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#primaryimage"},"datePublished":"2019-05-09T19:11:54+00:00","dateModified":"2021-11-17T07:09:13+00:00","author":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb"},"description":"Your website should be fast and accessible across any device. Here are six ways to optimize your on-page website to speed up its performance.","breadcrumb":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/optimize-on-page-website-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dotcom-tools.com\/web-performance\/"},{"@type":"ListItem","position":2,"name":"How to Optimize On-Page Website Speed"}]},{"@type":"Person","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb","name":"Matt Schmitz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","caption":"Matt Schmitz"},"description":"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.","url":"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/17072"}],"collection":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/comments?post=17072"}],"version-history":[{"count":4,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/17072\/revisions"}],"predecessor-version":[{"id":17692,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/17072\/revisions\/17692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media\/17076"}],"wp:attachment":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media?parent=17072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/categories?post=17072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/tags?post=17072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}