(03) 8899 7868
Papdan.ComPapdan.ComPapdan.ComPapdan.Com
(03) 8899 7868
  • HOME
  • ABOUT US
  • YOUR BUSINESS
  • SERVICES
    • WEB DESIGN
    • E-COMMERCE
    • HOSTING
    • BRAND IDENTITY
    • APP DEVELOPMENT
    • SEARCH ENGINE OPTIMIZATION
    • SOCIAL MEDIA
    • E-LEARNING
  • PORTFOLIO
  • BLOG
  • CONTACT

Improving Page Loading Speed on Mobile with JavaScripts

    Home Uncategorized Improving Page Loading Speed on Mobile with JavaScripts
    NextPrevious
    How-JavaScript-impacts-page-loading-speed-on-mobile(papdan)

    Improving Page Loading Speed on Mobile with JavaScripts

    By development | Uncategorized | 0 comment | 31 July, 2017 | 0

    As a web developer, you must have been familiar with JavaScript. By using JavaScipt, you can improve your mobile web performance in two areas. First, it is the second largest contributor to webpage weight, behind images, thereby increasing download time. Second, once downloaded, the browser then needs to run the script, which can delay the downloading/rendering of other assets on the page.

    In fact, JavaScript is one of the triumvirates of technologies that make web pages work. The HTML (Hypertext Markup Language) controls the structure and content of the webpage; CSS (Cascade Styling Sheets) controls how the site looks on different devices; and JavaScript makes the page more interactive and dynamic.

    Testing for Blocking JavaScript

    If you have tested your webpages using Google PageSpeed Insights, you will have to test your mobile webpages regularly using tools such as WebPageTest and PageSpeed Insights. You will have seen the following warning:

     

    The above image and text is from a Mobile PageSpeed Insights test on BBC.com conducted in February 2017. Note “above the fold” which is visible only on a mobile device refers only to the part of the webpage, without the need of scrolling. Google is not analyzing scripts on the rest of the page.

    4x Growth in JavaScript Use in Five Years

    Over the last five years the amount of JavaScript used on the average mobile page has almost quadrupled from 101KB in February 2012 to 387KB in February 2017. The number of requests for different Javascript files has increased from 8 to 21. You can see the illustration from the graph below from HTTP Archive. Using data from WebPageTest, HTTP Archieve tests the top 1 million sites several times every month. Then, it publishes trends and stats that are essential benchmarking for the performance of your site.

     

    The above image shows that JavaScipt accounts for 17.4% of page weight for the top 1 million sites monitored by HTTP archive. JavaScript also accounts for 21 out of 93 total requests (22.6%). However, on some sites, JavaScript has a considerably larger share of page weight than the norm, especially in the news space.

    What is the Effect on Mobile Page speed?

    We try to compare how this JavaScript impacts on some big sites:

    1. com: 18.3 seconds
    2. com: 27.4 seconds
    3. com: 8.8 seconds
    4. com: 31.5 seconds

    But, the reasons why one sites can load faster and the other cannot can be caused by many things, such as server response times, use of content delivery networks (CDN), the impact of ad networks, inclusion of third-party data (common on new sites), or the time and place of the test (in this case California, USA). However, all other things being equal, it is possible that JavaScript could be a contributing factor. In the above information, BBC.com did receive more warnings for blocking scripts above the fold than the other news sites.

    Reducing Reliance on JavaScript

    Task that cannot be accomplished with HTML or CSS is often performed with JavaScript. However, these features to the HTML or CSS standards and they are implemented by browsers, the JavaScript patch is no longer needed, as HTML/CSS is likely to be more efficient. In fact, there are several ways that JavaScript can be implemented on a webpage, such as, blocking scripts, inline scripts, asynchronous scripts, and deferred JavaScript.
     

    access, developer, google, java script, JS, programmer, search engine optimization, seo, speed, webpage, website

    Related Post

    • SEO tips

      Evident Warning Signs You Are Hiring a Con Artist Instead of a Genuine SEO Specialist

      By development | 0 comment

      Having known the importance of SEO in the business world makes business owners start hiring SEO specialists to do SEO services for them. However, despite knowing its importance, there are still things people in theRead more

    • 13 Reasons Why I'll Leave Your Website

      13 Reasons Why I’ll Leave Your Website

      By development | 0 comment

      No matter how small or how big your company is, you still need a website. Why? That’s because a website can help your potential customers find your business. Also, a website helps in differentiating oneRead more

    • web design tips

      Things You Should Consider before Designing Your Business Logo

      By development | 0 comment

      Designing a logo is essential before making a brand. A logo is actually your brand’s breath. With a logo, your brand will stand out and will not be mistaken for any other brand in theRead more

    • SEO tips

      Too Attractive Looking Website How It Can Make or Break Your Business

      By development | 0 comment

      It is not uncommon anymore that business owners need a website to help them grow their business and increase their online visibility and brand awareness. After all, business can never be separated from SEO. NoRead more

    • web design tips

      The Context behind the Numbers: 4 Data Visualization Best Practices

      By development | 0 comment

      For all of its dullness, statistics remains one of the most reliable sources of interesting factoid available. Do you know for example that Australians drink 1.7 billion litres of beer per year, which averages toRead more

    NextPrevious

    Recent Posts

    • 5 Simple Tips to Strengthen Your Brand Identity Through Your Web Design
    • Creating MVP for A Web Page
    • 5 Simple Tips for Web Developers to Boost Productivity
    • SEO Basics to Improve Organic Traffic
    • 7 Reasons to Use Rust for Your Upcoming Project

    Archives

    Categories

    Melbourne – HEAD OFFICE

    Suite 2, Level 1
    428c Toorak Road
    Toorak VIC 3142

    phone.

    03 8899 7868

    Jakarta

    Metro Broadway , 2nd floor
    No. B61, Jl. Pantai Indah Utara 2, Jakarta Utara 14460

    phone.

    6221 300 10408

    Follow us

    Papdan.com Copyright © 2020. All Rights Reserved
    • HOME
    • ABOUT US
    • YOUR BUSINESS
    • SERVICES
      • WEB DESIGN
      • E-COMMERCE
      • HOSTING
      • BRAND IDENTITY
      • APP DEVELOPMENT
      • SEARCH ENGINE OPTIMIZATION
      • SOCIAL MEDIA
      • E-LEARNING
    • PORTFOLIO
    • BLOG
    • CONTACT
    Papdan.Com
    (03) 8899 7868
    This website requires cookies to operate correctly. Click here to view our terms and conditions. AcceptDecline
    Privacy & Cookies Policy

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
    Necessary
    Always Enabled
    Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
    Non-necessary
    Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
    SAVE & ACCEPT