{"id":699,"date":"2015-08-14T17:19:54","date_gmt":"2015-08-14T17:19:54","guid":{"rendered":"https:\/\/blog.clickdealer.com\/?p=699"},"modified":"2015-12-10T09:11:20","modified_gmt":"2015-12-10T09:11:20","slug":"making-your-landing-pages-load-fast","status":"publish","type":"post","link":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/","title":{"rendered":"Making your landing pages load FAST"},"content":{"rendered":"<p>Slow landing pages are not good for CR. People tend to go back or close the page as soon as they realise the page is taking too long to show up.<\/p>\n<p>I\u2019m going to show you a couple of techniques to make your landing pages load as fast as possible.<\/p>\n<h2>Smaller libraries<\/h2>\n<p>Most likely, you have several libraries in your landing page. Libraries like <a href=\"https:\/\/www.bootstrapcdn.com\/\">Bootstrap<\/a> or <a href=\"http:\/\/cdnjs.com\/libraries\/foundation\">Foundation<\/a> for your stylesheets and <a href=\"https:\/\/code.jquery.com\/\">jQuery<\/a> for your scripts. While these libraries make it a lot easier for you to build something, they often come at a big cost. These libraries come packed with a lot of tools, but only a few of them prove useful on a regular basis. Take a hard look at these libraries and try to cut out everything your landing page or campaign doesn\u2019t need, or try to find smaller, tightly packed libraries that only contain the tools you really need.<\/p>\n<h2>Customise your HTML\/CSS framework.<\/h2>\n<p>You can get a customized version of <a href=\"http:\/\/getbootstrap.com\/customize\/\">Bootstrap<\/a> and select only the things you actually require. That way you will end up with a much smaller version of the library and it will speed up your pages.<\/p>\n<p><a href=\"http:\/\/foundation.zurb.com\/develop\/download.html\">Foundation<\/a> also has a way of selecting only the options you need.<\/p>\n<h2>Finding an alternative JavaScript library<\/h2>\n<p><a href=\"http:\/\/microjs.com\/\">Microjs<\/a> is a great website where you can find small scripts that usually do one specific thing. If you only need to select elements, you are better off using another small library instead of jQuery. It&#8217;s a great library, but often you don\u2019t need everything it offers.<\/p>\n<h2>Finding an alternative HTML\/CSS library<\/h2>\n<p>While frameworks like Bootstrap and Foundation are great, they still tend to be on the bulky side. In most cases you need just a small grid system and the rest you will write yourself. In that case you can take a look at some of the smaller libraries like <a href=\"http:\/\/thisisdallas.github.io\/Simple-Grid\/\">SimpleGrid<\/a>, <a href=\"http:\/\/purecss.io\/\">Pure<\/a> or <a href=\"http:\/\/imperavi.com\/kube\/\">Kube<\/a>.<\/p>\n<h2>Compress your Stylesheets &amp; Scripts<\/h2>\n<p>After you\u2019re done creating your landing pages or campaigns, it\u2019s also a good practice to compress your assets. The browser that ends up reading your stylesheets and scripts doesn\u2019t care about line breaks or comments. When you remove them, your assets will become much smaller and it will increase the overall speed performance of your page.<\/p>\n<p>While there are many tools available for that, external services can also do it for you.<\/p>\n<p>Here are some of them:<\/p>\n<p><a href=\"http:\/\/refresh-sf.com\/\">Online JavaScript\/CSS Compressor<\/a><br \/>\n<a href=\"http:\/\/jscompress.com\/\">Online Javascript Compression Tool<\/a><br \/>\n<a href=\"http:\/\/cssminifier.com\/\">Minify your CSS<\/a><\/p>\n<h2>Compress your Images<\/h2>\n<p>Compressing your images is also a good idea. Image quality is important, but users often prefer fast loading time to high resolution. There is no golden rule when it comes to compressing an image, but try to find the balance between small image file size and acceptable image quality.<\/p>\n<p>Here are some of the sites that can greatly reduce the file size of your images:<\/p>\n<p><a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a><br \/>\n<a href=\"https:\/\/tinyjpg.com\/\">TinyJPG<\/a><br \/>\n<a href=\"https:\/\/compressor.io\/\">Compressor<\/a><\/p>\n<h2>Remove unnecessary code<\/h2>\n<p>There is a good chance your landing pages and campaigns contain a lot of unnecessary code. HTML, CSS or JavaScript that is not used should be removed in order to make everything as light as possible.<\/p>\n<p>There are some tools out there that scan your pages for unused CSS or JavaScript, which you can remove to make them faster.<\/p>\n<p><a href=\"https:\/\/unused-css.com\/\">Unused CSS<\/a><br \/>\n<a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/dust-me-selectors\/\">Dust-Me Firefox Extension<\/a><\/p>\n<h2>Use Content Delivery Networks<\/h2>\n<p>CDN is a great tool to optimise your page speed. <a href=\"https:\/\/code.jquery.com\/\">jQuery<\/a>, <a href=\"https:\/\/www.bootstrapcdn.com\/\">Bootstrap<\/a> and most frameworks have a CDN option available for you to use.<\/p>\n<p>Check out <a href=\"https:\/\/gtmetrix.com\/why-use-a-cdn.html\">this link<\/a> if you want to learn more about why you should use a CDN.<\/p>\n<div id=\"emojics-root\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Follow these tips to make your LPs fast and furious<\/p>\n","protected":false},"author":2,"featured_media":706,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[34,9,33,32,15,35],"class_list":["post-699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","tag-advice","tag-affiliate-marketing","tag-insight","tag-landing-page","tag-tips-2","tag-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Making your landing pages load FAST - ClickDealer Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Making your landing pages load FAST - ClickDealer Blog\" \/>\n<meta property=\"og:description\" content=\"Follow these tips to make your LPs fast and furious\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/\" \/>\n<meta property=\"og:site_name\" content=\"ClickDealer Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-14T17:19:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-10T09:11:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/clickdealer.com\/blog\/wp-content\/uploads\/2015\/10\/1-n2VAcZhn8c9C0nlOFE_Rdg.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ClickDealer Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ClickDealer Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/\",\"url\":\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/\",\"name\":\"Making your landing pages load FAST - ClickDealer Blog\",\"isPartOf\":{\"@id\":\"https:\/\/clickdealer.com\/blog\/#website\"},\"datePublished\":\"2015-08-14T17:19:54+00:00\",\"dateModified\":\"2015-12-10T09:11:20+00:00\",\"author\":{\"@id\":\"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/757dc54f369f1fe154c712dfe718f89b\"},\"breadcrumb\":{\"@id\":\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/clickdealer.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Making your landing pages load FAST\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/clickdealer.com\/blog\/#website\",\"url\":\"https:\/\/clickdealer.com\/blog\/\",\"name\":\"ClickDealer Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/clickdealer.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/757dc54f369f1fe154c712dfe718f89b\",\"name\":\"ClickDealer Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d4be2361bab61a8e6a465e4155c21aeb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d4be2361bab61a8e6a465e4155c21aeb?s=96&d=mm&r=g\",\"caption\":\"ClickDealer Team\"},\"url\":\"https:\/\/clickdealer.com\/blog\/author\/manager\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Making your landing pages load FAST - ClickDealer Blog","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:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/","og_locale":"en_US","og_type":"article","og_title":"Making your landing pages load FAST - ClickDealer Blog","og_description":"Follow these tips to make your LPs fast and furious","og_url":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/","og_site_name":"ClickDealer Blog","article_published_time":"2015-08-14T17:19:54+00:00","article_modified_time":"2015-12-10T09:11:20+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/clickdealer.com\/blog\/wp-content\/uploads\/2015\/10\/1-n2VAcZhn8c9C0nlOFE_Rdg.jpeg","type":"image\/jpeg"}],"author":"ClickDealer Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ClickDealer Team","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/","url":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/","name":"Making your landing pages load FAST - ClickDealer Blog","isPartOf":{"@id":"https:\/\/clickdealer.com\/blog\/#website"},"datePublished":"2015-08-14T17:19:54+00:00","dateModified":"2015-12-10T09:11:20+00:00","author":{"@id":"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/757dc54f369f1fe154c712dfe718f89b"},"breadcrumb":{"@id":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/clickdealer.com\/blog\/making-your-landing-pages-load-fast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clickdealer.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Making your landing pages load FAST"}]},{"@type":"WebSite","@id":"https:\/\/clickdealer.com\/blog\/#website","url":"https:\/\/clickdealer.com\/blog\/","name":"ClickDealer Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clickdealer.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/757dc54f369f1fe154c712dfe718f89b","name":"ClickDealer Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clickdealer.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d4be2361bab61a8e6a465e4155c21aeb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d4be2361bab61a8e6a465e4155c21aeb?s=96&d=mm&r=g","caption":"ClickDealer Team"},"url":"https:\/\/clickdealer.com\/blog\/author\/manager\/"}]}},"_links":{"self":[{"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/posts\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":5,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/posts\/699\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/posts\/699\/revisions\/750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/media\/706"}],"wp:attachment":[{"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/media?parent=699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/categories?post=699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clickdealer.com\/blog\/wp-json\/wp\/v2\/tags?post=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}