undefined
Skip to content
Moz logo Menu open Menu close
  • Products
    • Moz Pro
    • Moz Pro Home
    • Moz Local
    • Moz Local Home
    • STAT
    • Moz API
    • Moz API Home
    • Compare SEO Products
    • Moz Data
  • Free SEO Tools
    • Domain Analysis
    • Keyword Explorer
    • Link Explorer
    • Competitive Research
    • MozBar
    • More Free SEO Tools
  • Learn SEO
    • Beginner's Guide to SEO
    • SEO Learning Center
    • Moz Academy
    • SEO Q&A
    • Webinars, Whitepapers, & Guides
  • Blog
  • Why Moz
    • Agency Solutions
    • Enterprise Solutions
    • Small Business Solutions
    • Case Studies
    • The Moz Story
    • New Releases
  • Log in
  • Log out
  • Products
    • Moz Pro

      Your all-in-one suite of SEO essentials.

    • Moz Local

      Raise your local SEO visibility with complete local SEO management.

    • STAT

      SERP tracking and analytics for enterprise SEO experts.

    • Moz API

      Power your SEO with our index of over 44 trillion links.

    • Compare SEO Products

      See which Moz SEO solution best meets your business needs.

    • Moz Data

      Power your SEO strategy & AI models with custom data solutions.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Free SEO Tools
    • Domain Analysis

      Get top competitive SEO metrics like DA, top pages and more.

    • Keyword Explorer

      Find traffic-driving keywords with our 1.25 billion+ keyword index.

    • Link Explorer

      Explore over 40 trillion links for powerful backlink data.

    • Competitive Research

      Uncover valuable insights on your organic search competitors.

    • MozBar

      See top SEO metrics for free as you browse the web.

    • More Free SEO Tools

      Explore all the free SEO tools Moz has to offer.

    NEW Keyword Suggestions by Topic
    Moz Pro

    NEW Keyword Suggestions by Topic

    Learn more
  • Learn SEO
    • Beginner's Guide to SEO

      The #1 most popular introduction to SEO, trusted by millions.

    • SEO Learning Center

      Broaden your knowledge with SEO resources for all skill levels.

    • On-Demand Webinars

      Learn modern SEO best practices from industry experts.

    • How-To Guides

      Step-by-step guides to search success from the authority on SEO.

    • Moz Academy

      Upskill and get certified with on-demand courses & certifications.

    • MozCon

      Save on Early Bird tickets and join us in London or New York City

    Unlock flexible pricing & new endpoints
    Moz API

    Unlock flexible pricing & new endpoints

    Find your plan
  • Blog
  • Why Moz
    • Small Business Solutions

      Uncover insights to make smarter marketing decisions in less time.

    • Agency Solutions

      Earn & keep valuable clients with unparalleled data & insights.

    • Enterprise Solutions

      Gain a competitive edge in the ever-changing world of search.

    • The Moz Story

      Moz was the first & remains the most trusted SEO company.

    • Case Studies

      Explore how Moz drives ROI with a proven track record of success.

    • New Releases

      Get the scoop on the latest and greatest from Moz.

    Surface actionable competitive intel
    New Feature

    Surface actionable competitive intel

    Learn More
  • Log in
    • Moz Pro
    • Moz Local
    • Moz Local Dashboard
    • Moz API
    • Moz API Dashboard
    • Moz Academy
  • Avatar
    • Moz Home
    • Notifications
    • Account & Billing
    • Manage Users
    • Community Profile
    • My Q&A
    • My Videos
    • Log Out

The Moz Q&A Forum

  • Forum
  • Questions
  • Users
  • Ask the Community

Welcome to the Q&A Forum

Browse the forum for helpful insights and fresh discussions about all things SEO.

  1. Home
  2. Digital Marketing
  3. Web Design
  4. Fixing Render Blocking Javascript and CSS in the Above-the-fold content

Moz Q&A is closed.

After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.

Fixing Render Blocking Javascript and CSS in the Above-the-fold content

Web Design
3
9
92.0k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as question
Log in to reply
This topic has been deleted. Only users with question management privileges can see it.
  • KempRugeLawGroup
    KempRugeLawGroup last edited by Apr 6, 2015, 2:58 PM

    We don't have a responsive design site yet, and our mobile site is built through Dudamobile. I know it's not the best, but I'm trying to do whatever we can until we get around to redesigning it. Is there anything I can do about the following Page Speed Insight errors or are they just a function of using Dudamobile?

    Eliminate render-blocking JavaScript and CSS in above-the-fold content

    Your page has 3 blocking script resources and 5 blocking CSS resources. This causes a delay in rendering your page.None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.Remove render-blocking JavaScript:

    • http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
    • http://mobile.dudamobile.com/…ckage.min.js?version=2015-04-02T13:36:04
    • http://mobile.dudamobile.com/…pts/blogs.js?version=2015-04-02T13:36:04

    Optimize CSS Delivery of the following:

    • http://fonts.googleapis.com/…:400|Great+Vibes|Signika:400,300,600,700
    • http://mobile.dudamobile.com/…ont-pack.css?version=2015-04-02T13:36:04
    • http://mobile.dudamobile.com/…kage.min.css?version=2015-04-02T13:36:04
    • http://irp-cdn.multiscreensite.com/kempruge/files/kempruge_0.min.css?v=6
    • http://irp-cdn.multiscreensite.com/…mpruge/files/kempruge_home_0.min.css?v=6

    Thanks for any tips,

    Ruben

    1 Reply Last reply Reply Quote 0
    • Khannnnnnnnnnns
      Khannnnnnnnnnns last edited by Jun 16, 2017, 3:51 PM Jun 16, 2017, 3:50 PM

      Thanks for this; I will implement the practices on my Cybergeak Blog Really Thankful to the engineers

      1 Reply Last reply Reply Quote 0
      • KempRugeLawGroup
        KempRugeLawGroup @BlueprintMarketing last edited by Apr 6, 2015, 4:48 PM Apr 6, 2015, 4:48 PM

        Thanks, Thomas!

        1 Reply Last reply Reply Quote 0
        • BlueprintMarketing
          BlueprintMarketing @KempRugeLawGroup last edited by Apr 6, 2015, 4:40 PM Apr 6, 2015, 4:40 PM

          there is not a very easy way to modify HTML on WordPress because it is all based on PHP. Unless you can change the PHP code via by FTP or many other methods including plug-ins it takes a developer.

          http://www.gregreindel.com

          I know a person who could fix this for you very easily there contact information is in the URL under contact. There are also some plug-ins that will eliminate this

          https://wordpress.org/plugins/async-js-and-css/screenshots/

          the best methods in my opinion are done by a developer or sometimes a plug-in

          http://www.feedthebot.com/mobile/

          http://www.feedthebot.com/pagespeed/critical-render-path.html

          I will be right back and answer your other questions

          Tom

          1 Reply Last reply Reply Quote 0
          • BlueprintMarketing
            BlueprintMarketing last edited by Apr 6, 2015, 4:33 PM Apr 6, 2015, 4:33 PM

            Use this to make a critical render path

            http://www.feedthebot.com/pagespeed/critical-render-path.html

            with

            http://www.feedthebot.com/tools/css/ (for CSS)

            this for JS

            http://refresh-sf.com/

            http://javascript-minifier.com/

            http://www.jsmini.com/

            If you add this it will fix this as well

            https://developers.google.com/speed/pagespeed/module/filter-js-minify

            KempRugeLawGroup 1 Reply Last reply Apr 6, 2015, 4:48 PM Reply Quote 2
            • KempRugeLawGroup
              KempRugeLawGroup @BlueprintMarketing last edited by Apr 6, 2015, 4:16 PM Apr 6, 2015, 4:16 PM

              Actually, I have a quick follow up. In my wp-admin in the editor section, I only see CSS and PHP files. Then, on the ftp, I see a public_html folder, but that folder has a ton of different files in it...none of which end in html. Any suggestions on where this html file might live?

              Thanks,

              Ruben

              BlueprintMarketing 1 Reply Last reply Apr 6, 2015, 4:40 PM Reply Quote 0
              • KempRugeLawGroup
                KempRugeLawGroup last edited by Apr 6, 2015, 3:58 PM Apr 6, 2015, 3:58 PM

                I will take a look at it. Yes, I do need to do it on our Wordpress site as well, but fortunately, Page Speed Insights doesn't think our desktop version is as abysmal as our mobile one. But, it does still show up as something that should be fixed.

                Thanks for the reference material!

                • Ruben
                1 Reply Last reply Reply Quote 0
                • BlueprintMarketing
                  BlueprintMarketing last edited by Apr 6, 2015, 3:56 PM Apr 6, 2015, 3:43 PM

                  you will also need to find your Cardinal path and simply combine JavaScript and CSS as well as prioritize content that is above the fold. By doing so this will help you to create one JS file ( possibly more if it is impossible to combine for whatever reason)

                  See more here

                  http://www.feedthebot.com/pagespeed/prioritize-visible-content.html

                  https://developers.google.com/speed/docs/insights/BlockingJS

                  If WordPress

                  http://www.wpcub.com/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/

                  I really hope this helps,

                  Tom

                  1 Reply Last reply Reply Quote 1
                  • BlueprintMarketing
                    BlueprintMarketing last edited by Apr 6, 2015, 3:56 PM Apr 6, 2015, 3:37 PM

                    Hi Ruben,

                    Here is a tutorial on how to fix that issue. If I could explain it better than this I would however I feel this does a fantastic job if you're doing this on WordPress let me know and I will tell you how to fix it on there is well.

                    Here's the resource

                    http://www.feedthebot.com/pagespeed/render-blocking.html

                    http://www.feedthebot.com/pagespeed/defer-loading-javascript.html

                    The below code is what Google recommends. This code should be placed in your HTML just before the tag (near the bottom of your HTML file). I highlighted the name of the external JS file.

                    sincerely,

                    Thomas

                    KempRugeLawGroup 1 Reply Last reply Apr 6, 2015, 4:16 PM Reply Quote 0
                    • 1 / 1
                    1 out of 9
                    • First post
                      1/9
                      Last post

                    Got a burning SEO question?

                    Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.


                    Start my free trial


                    Browse Questions

                    Explore more categories

                    • Moz Tools

                      Chat with the community about the Moz tools.

                    • SEO Tactics

                      Discuss the SEO process with fellow marketers

                    • Community

                      Discuss industry events, jobs, and news!

                    • Digital Marketing

                      Chat about tactics outside of SEO

                    • Research & Trends

                      Dive into research and trends in the search industry.

                    • Support

                      Connect on product support and feature requests.

                    • See all categories

                    Related Questions

                    • calvinkj

                      Does changing content and design of the website gonna affect my all the backlinks i have made till now

                      i have been working on my link profile for a month now, after learning about 5 step moz methodology i have decided that i would like to change all of the content of my site and taylor it to what my customers need, am i gonna loose all the domain authority if make changes? if it gonna affect, hows that  gonna come out

                      Web Design | Dec 12, 2023, 4:17 PM | calvinkj
                      0
                    • L8ydrgn

                      CSS Truncate

                      With Google's new stance on hidden text does the CSS Truncate count as hidden? display: block;
                      white-space: nowrap;
                      overflow: hidden;
                      text-overflow: ellipsis;

                      Web Design | Nov 8, 2017, 4:45 PM | L8ydrgn
                      0
                    • SEOguy1

                      Problems preventing Wordpress attachment pages from being indexed and from being seen as duplicate content.

                      Hi According to a Moz Crawl, it looks like the Wordpress attachment pages from all image uploads are being indexed and seen as duplicate content..or..is it the Yoast sitemap causing it? I see 2 options in SEO Yoast: Redirect attachment URLs to parent post URL. Media...Meta Robots: noindex, follow I set it to (1) initially which didn't resolve the problem.  Then I set it to option (2) so that all images won't be indexed but search engines would still associate those images with their relevant posts and pages. However, I understand what both of these options (1) and (2) mean, but because I chose option 2, will that mean all of the images on the website won't stand a chance of being indexed in search engines and Google Images etc? As far as duplicate content goes, search engines can get confused and there are 2 ways for search engines
                      to reach the correct page content destination. But when eg Google makes the wrong choice a portion of traffic drops off (is lost hence errors) which then leaves the searcher frustrated, and this affects the seo and ranking of the site which worsens with time. My goal here is - I would like all of the web images to be indexed by Google, and for all of the image attachment pages to not be indexed at all (Moz shows the image attachment pages as duplicates and the referring site causing this is the sitemap url which Yoast creates) ; that sitemap url has been submitted to the search engines already and I will resubmit once I can resolve the attachment pages issues.. Please can you advise. Thanks.

                      Web Design | Feb 25, 2016, 8:51 AM | SEOguy1
                      0
                    • Atlanta-SMO

                      ECWID How to fix Duplicate page content and external link issue

                      I am working on a site that has a HUGE number of duplicate pages due to ECWID ecommerce platform.  The site is built with Joomla!  How can I rectify this situation?  The pages also show up as "external " links on crawls...  Is it the ECWID platform?  I have never worked on a site that uses this. Here is an example of a page with the issue (there are 6280 issues) URL: http://www.metroboltmi.com/shop-spare-parts?Itemid=218&option=com_rokecwid&view=ecwid&ecwid_category_id=3560081

                      Web Design | Jul 19, 2013, 3:56 PM | Atlanta-SMO
                      0
                    • bronxpad

                      CSS vs Javascript vs JQuery drop down navigation

                      For a user / seo perspective, what is the best way to code a drop down menu nav bar? Is it best to use css, javascript or a scripting library like jquery? I am thinking about overall best practice that will not have a negative impact on serps. I am also thinking about what will work best on all types of devices i.e. desk tops, lap tops, smart phones and tablets. What are the Pro's & Cons of Using CSS for Drop Down Menus. What are the Pro's & cons of using Javascript for drop down menus. And the same question for jquery. Thank you all in advance for your ideas.

                      Web Design | Dec 30, 2012, 11:31 PM | bronxpad
                      0
                    • bronxpad

                      Javascript, PhP and SEO Impact?

                      What are the Pro's and Con's of using Java Script and PHP in a site when factoring in SEO?

                      Web Design | May 23, 2012, 5:04 PM | bronxpad
                      0
                    • MattWheatcroft

                      How will it affect my site if i link to a site with adult content?

                      We are currently working on creating 2 sites for a company, one with no adult content, one with adult content. Will it affect the non adult content site if i link to the other one in terms of Google and being blocked by some internet providers.

                      Web Design | May 8, 2012, 12:31 PM | MattWheatcroft
                      0
                    • superTallDan

                      Duplicate Content for index.html

                      In the Crawl Diagnostics Summary, it says that I have two pages with duplicate content which are: www.mywebsite.com/ www.mywebsite.com/index.html I read in a Dream Weaver tutorial that you should name your home page "index.html" and then you can let www.mywebsite.com automatically direct the user to index.html.  Is this a bug in SEOMoz's crawler or is it a real problem with my site? Thank you, Dan

                      Web Design | Jul 1, 2011, 7:41 PM | superTallDan
                      0

                    Get started with Moz Pro!

                    Unlock the power of advanced SEO tools and data-driven insights.

                    Start my free trial
                    Products
                    • Moz Pro
                    • Moz Local
                    • Moz API
                    • Moz Data
                    • STAT
                    • Product Updates
                    Moz Solutions
                    • SMB Solutions
                    • Agency Solutions
                    • Enterprise Solutions
                    Free SEO Tools
                    • Domain Authority Checker
                    • Link Explorer
                    • Keyword Explorer
                    • Competitive Research
                    • Brand Authority Checker
                    • Local Citation Checker
                    • MozBar Extension
                    • MozCast
                    Resources
                    • Blog
                    • SEO Learning Center
                    • Help Hub
                    • Beginner's Guide to SEO
                    • How-to Guides
                    • Moz Academy
                    • API Docs
                    About Moz
                    • About
                    • Team
                    • Careers
                    • Contact
                    Why Moz
                    • Case Studies
                    • Testimonials
                    Get Involved
                    • Become an Affiliate
                    • MozCon
                    • Webinars
                    • Practical Marketer Series
                    • MozPod
                    Connect with us

                    Contact the Help team

                    Join our newsletter
                    Moz logo
                    © 2021 - 2025 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
                    • Accessibility
                    • Terms of Use
                    • Privacy

                    Looks like your connection to Moz was lost, please wait while we try to reconnect.