DOCSLIB.ORG

Analyzing and Improving the Loading Performance of Large-Scale Websites on Mobile Devices

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Analyzing and Improving the Loading Performance of Large-Scale Websites on Mobile Devices Analyzing and Improving the Loading Performance of Large-scale Websites on Mobile Devices Olavi Haapala School of Science Thesis submitted for examination for the degree of Master of Science in Technology. Espoo 31.05.2018 Supervisor Prof. Petri Vuorimaa Advisor M.Sc. Katri Selonen Copyright © 2018 Olavi Haapala Aalto University, P.O. BOX 11000, 00076 AALTO www.aalto.fi Abstract of the master’s thesis Author Olavi Haapala Title Analyzing and Improving the Loading Performance of Large-scale Websites on Mobile Devices Degree programme Master’s Programme in Computer, Communication and Information Sciences Major Computer Science Code of major SCI3042 Supervisor Prof. Petri Vuorimaa Advisor M.Sc. Katri Selonen Date 31.05.2018 Number of pages 51+4 Language English Abstract The World Wide Web (WWW) has evolved dramatically over the past few years from a collection of web documents into advanced and complex web applications. However, the increased size and complexity of modern webpages have caused a degraded user experience on mobile devices with slower connection speeds and less computing power. The focus of this thesis is on measuring and improving web performance. In addition to investigating the already available tools for analyzing web performance, a custom performance measurement setup is implemented. This thesis also introduces Progressive Web Applications (PWA): a modern way of building fast, resilient, and offline-capable web applications. The research is based on Sanoma News Delivery Platform (SNDP), which is a platform that Ilta-Sanomat and Helsingin Sanomat webpages are built on. Methods for improving web performance are introduced and a prototype PWA is built for validating whether additional caching and offline support using service workers improves the performance. The results show that the PWA in itself does not significantly improve the loading performance of the SNDP websites onmobile devices. However, other ways of improving the performance are introduced as recommended actions for improving and focusing on web performance. In conclusion, it is important to focus on mobile web performance by optimizing the Critical Rendering Path (CRP). Performance auditing tools give useful hints for how to optimize for better user experiences on low-end devices and slower network connections. Keywords Web Performance, Progressive Web Applications, Mobile Web Performance, Page Load Time, User Perceived Performance Aalto-yliopisto, PL 11000, 00076 AALTO www.aalto.fi Diplomityön tiivistelmä Tekijä Olavi Haapala Työn nimi Suurten verkkosivustojen suorituskyvyn analysointi ja parantaminen mobiililaitteilla Koulutusohjelma Master’s Programme in Computer, Communication and Information Sciences Pääaine Computer Science Pääaineen koodi SCI3042 Työn valvoja Prof. Petri Vuorimaa Työn ohjaaja DI Katri Selonen Päivämäärä 31.05.2018 Sivumäärä 51+4 Kieli Englanti Tiivistelmä Web on kehittynyt valtavasti viimeisten vuosien aikana. Alunperin se oli kokoelma dokumentteja, mutta sittemmin se on kehittynyt kokoelmaksi monimutkaisia web-sovelluksia. Modernien verkkosivujen monimutkaisuuden ja kasvaneen koon vuoksi käyttäjäkokemus tehottomammilla mobiililaitteilla ja hitaamilla verkkoyhteyksillä on huonontunut. Tämä työ keskittyy verkkosivustojen suorituskyvyn mittaamiseen ja parantamiseen. Olemassaolevien suorituskyvyn analysointityökalujen lisäksi luodaan suorituskyvyn mittaamiseen sopiva toteutus. Lisäksi tässä työssä esitellään progressiiviset web-sovellukset (PWA), moderni tapa rakentaa nopeita, suorituskykyisiä ja offline-tuella varustettuja web-sovelluksia. Tutkimuskohteena työssä on Sanoma News Delivery Platform (SNDP), joka on alusta, jolle Ilta-Sanomien ja Helsingin Sanomien verkkosivut rakentuvat. Työssä esitellään keinoja verkkosivustojen suorituskyvyn parantamiseen ja rakennetaan PWA prototyyppi, jonka avulla testataan parantaako lisätty välimuistin käyttö ja offline-tuen rakentaminen suorituskykyä. Tulokset osoittavat, että PWA itsessään ei merkittävästi paranna SNDP:n päälle rakennettujen sivustojen lataussuorituskykyä mobiililaitteilla. Työssä kuitenkin esitellään suorituskykyyn keskittyviä suositeltu- ja toimintatapoja, joilla suorituskykyä voidaan parantaa. Yhteenvetona voidaan todeta, että on tärkeää keskittyä verkkosivustojen suorituskykyyn mobiililaitteilla optimoimalla verkkosivun piirtämiseen liittyvää kriittistä polkua. Suorituskyvyn arviointityökalut antavat hyödyllisiä vinkkejä käyttäjäkokemuksen optimimoisiseen matalamman suorituskyvyn laitteilla ja hitaammilla verkköyhteyksillä. Avainsanat Verkkosivustojen suorituskyky, Progressiiviset web-sovellukset, Sivunlataussuorituskyky, Käyttäjän kokema suorituskyky v Preface First of all, I want to thank my advisor, Katri Selonen for all the support, feedback, and reviewing of this work. I also want to thank my thesis supervisor, Prof. Petri Vuorimaa for support and feedback during this work and earlier during my Bachelor’s Thesis work. Huge thanks goes also to my my employer Futurice for the possibility of attending the thesis camp. Thanks to our thesis camp advisor, Vilma Lehtinen for support and advices during the camp. It was of great help in getting the thesis done. I also want to thank all the amazing colleagues at Futurice who have been helping me and supporting me during this work. Special thanks to my mentor, Carita Niskanen for supporting me and pushing me through all this. I wish to thank my supervisor, Antti Vuorela for all the support, suggestions, and discussions especially during this work. I also want to thank our client, Sanoma, for giving me the opportunity and the topic to work on. Special thanks to Teemu Hauhia from Ilta-Sanomat for support and fruitful discussions. Finally, I wish to thank my family and friends for their support during all these years of studying. I could not have finished without the support I have received from you. P.S. I also want to mention developers at Google. Thank you for creating amazing tools for performance monitoring and evaluation as well as providing clear and detailed documentation and tips. Otaniemi, 31.05.2018 Olavi Haapala vi Contents Abstract iii Abstract (in Finnish) iv Prefacev Contents vi Abbreviations viii 1 Introduction1 1.1 Goals and Scope.............................2 1.2 Research Questions............................3 1.3 Thesis Structure..............................3 2 Background4 2.1 The Evolution of the Web........................4 2.2 Web Structure...............................5 2.3 Web Performance.............................6 2.3.1 Measuring Web Performance...................9 2.3.2 Improving Web Performance................... 14 2.4 Progressive Web Applications...................... 15 2.4.1 PWAs vs. Native Mobile Applications............. 16 2.4.2 Service Workers.......................... 18 2.4.3 Caching and Offline Support................... 19 2.4.4 Application Shell Architecture.................. 20 2.4.5 Other Features.......................... 21 2.4.6 Implementing a PWA....................... 23 vii 3 Methods 25 3.1 Evaluating Performance......................... 25 3.2 Optimizing JavaScript Delivery..................... 27 3.3 Custom Performance Testing Setup................... 27 3.4 Prototype PWA.............................. 28 4 Results 31 4.1 Selected Tools............................... 31 4.2 Initial Web Performance......................... 31 4.3 JavaScript Optimization Results..................... 34 4.4 Performance of the Prototype PWA................... 35 5 Discussion 41 5.1 Evaluating the Results.......................... 41 5.1.1 Performance Evaluation..................... 41 5.1.2 Performance Testing Setup.................... 42 5.1.3 Prototype PWA.......................... 43 5.2 Recommended Actions and Future Work................ 44 6 Conclusions 47 References 48 A Service Worker Registration 52 B An Example Service Worker File 54 viii Abbreviations AMP Accelerated Mobile Pages API Application Programming Interface CERN European Organization for Nuclear Research CPU Central processing unit CRP Critical Rendering Path CSS Cascading Style Sheet CSSOM CSS Object Model DOM Document Object Model HCI Human-Computer Interaction HTML Hypertext Markup Language HTTP Hypertext Transfer Protocol HTTPS HTTP Secure JS JavaScript JSON JavaScript Object Notation PWA Progressive Web Application RUM Real User Monitoring SEO Search Engine Optimization SNDP Sanoma News Delivery Platform SVG Scalable Vector Graphics UI User Interface URL Uniform Resource Locator WLAN Wireless Local Area Network WWW World Wide Web 1 Introduction The web has evolved from a collection of linked documents into large-scale web applications accessed with web browsers. Accessing the web from mobile or tablet devices has grown in popularity. According to the statistics by StatCounter(2018), the mobile market share has exceeded the desktop market share and is now more than 51% world wide and the tablet devices account for roughly 4% of the traffic. In Finland, the numbers are somewhat different with 34% of mobile traffic and7%of tablet traffic. In addition, network connection speeds and the performance ofmobile devices have improved over the past few years due to technological advancements and decreased hardware prices. Despite these advancements, in many cases the feeling of speed when browsing web- pages on mobile devices has not improved at a similar pace. A study by DoubleClick (2016) on 3G networks showed that 77% of mobile sites took longer than 10 seconds to load and that the average load time for webpages was 19 seconds.
Load more

Recommended publications
  • PDF, 32 Pages
    Helge Meinhard / CERN V2.0 30 October 2015 HEPiX Fall 2015 at Brookhaven National Lab After 2004, the lab, located on Long Island in the State of New York, U.S.A., was host to a HEPiX workshop again. Ac- cess to the site was considerably easier for the registered participants than 11 years ago. The meeting took place in a very nice and comfortable seminar room well adapted to the size and style of meeting such as HEPiX. It was equipped with advanced (sometimes too advanced for the session chairs to master!) AV equipment and power sockets at each seat. Wireless networking worked flawlessly and with good bandwidth. The welcome reception on Monday at Wading River at the Long Island sound and the workshop dinner on Wednesday at the ocean coast in Patchogue showed more of the beauty of the rather natural region around the lab. For those interested, the hosts offered tours of the BNL RACF data centre as well as of the STAR and PHENIX experiments at RHIC. The meeting ran very smoothly thanks to an efficient and experienced team of local organisers headed by Tony Wong, who as North-American HEPiX co-chair also co-ordinated the workshop programme. Monday 12 October 2015 Welcome (Michael Ernst / BNL) On behalf of the lab, Michael welcomed the participants, expressing his gratitude to the audience to have accepted BNL's invitation. He emphasised the importance of computing for high-energy and nuclear physics. He then intro- duced the lab focusing on physics, chemistry, biology, material science etc. The total head count of BNL-paid people is close to 3'000.
    [Show full text]
  • Small Screens, Big Possibilities
    HOW DESIGN LIVE • 2016 Small Screens, Big Possibilities Chris Converse Web: chrisconverse.com // Web: codifydesign.com Twitter: @chrisconverse // LinkedIn: /in/chrisconverse // YouTube: /chrisconverse It’s a Small World Wide Web It’s official, the mobile web is now king! As of last summer, most web traffic sources report more website searches, visits, and sharing, are being done on mobile versus desktop computers. With these smaller screens come big possibilities. Behind these screens await many features that can enhance the user experience of your web content. Learn what is possible as we explore features available in mobile devices and web browsers. Activate phone numbers as tap-to-call links, change your content based on GPS coordinates, or even make adjustments based on the accelerometer. In addition to layout and functionality, we’ll also explore the possibilities of combining content with touch events. We’ll explore creating swipe-able content, making interactive galleries, and even create touch-driven animations. 1 of 11 Small Screens, Big Possibilities Chris Converse Responsive Design vs. Responsive Experience Responsive design can encompass more than simply rearranging elements of your layout. A responsive experience takes into account the entire user experience — both inside and outside of the design experience. Responsive Experience Altering the behavior of the design and experience based on available screen size, or other factors. Responsive Design (The example to the right represents Rearranging all elements to fit the an expandable mobile menu) available screen 2 of 11 Small Screens, Big Possibilities Chris Converse Video and Animation While video playback is excellent on mobile devices, using video as a design element is very limited.
    [Show full text]
  • The State of the News: Texas
    THE STATE OF THE NEWS: TEXAS GOOGLE’S NEGATIVE IMPACT ON THE JOURNALISM INDUSTRY #SaveJournalism #SaveJournalism EXECUTIVE SUMMARY Antitrust investigators are finally focusing on the anticompetitive practices of Google. Both the Department of Justice and a coalition of attorneys general from 48 states and the District of Columbia and Puerto Rico now have the tech behemoth squarely in their sights. Yet, while Google’s dominance of the digital advertising marketplace is certainly on the agenda of investigators, it is not clear that the needs of one of the primary victims of that dominance—the journalism industry—are being considered. That must change and change quickly because Google is destroying the business model of the journalism industry. As Google has come to dominate the digital advertising marketplace, it has siphoned off advertising revenue that used to go to news publishers. The numbers are staggering. News publishers’ advertising revenue is down by nearly 50 percent over $120B the last seven years, to $14.3 billion, $100B while Google’s has nearly tripled $80B to $116.3 billion. If ad revenue for $60B news publishers declines in the $40B next seven years at the same rate $20B as the last seven, there will be $0B practically no ad revenue left and the journalism industry will likely 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 disappear along with it. The revenue crisis has forced more than 1,700 newspapers to close or merge, the end of daily news coverage in 2,000 counties across the country, and the loss of nearly 40,000 jobs in America’s newsrooms.
    [Show full text]
  • Google AMP and What It Can Do for Mobile Applications in Terms of Rendering Speed and User-Experience
    URI: urn:nbn:se:bth-17952 Google AMP and what it can do for mobile applications in terms of rendering speed and user-experience Niklas Andersson Oscar B¨ack June 3, 2019 Faculty of Computing Blekinge Institute of Technology SE-371 79 Karlskrona Sweden This thesis is submitted to the Faculty of Computing at Blekinge Institute of Technology in partial fulfillment of the requirements for the bachelor degree in Software Engineering. The thesis is equivalent to 10 weeks of full time studies. The authors declare that they are the sole authors of this thesis and that they have not used any sources other than those listed in the bibliography and identi- fied as references. They further declare that they have not submitted this thesis at any other institution to obtain a degree. Contact Information: Authors: Niklas Andersson [email protected] Oscar B¨ack [email protected] External Advisor: Simon Nord, Prisjakt [email protected] University Advisor: Michel Nass [email protected] Faculty of Computing Internet: www.bth.se Blekinge Institute of Technology Phone: +46 455 38 50 00 SE-371 79 Karlskrona, Sweden Fax: +46 455 38 50 57 1 1 Abstract On today’s web, a web page needs to load fast and have a great user experience in order to be successful. The faster the better. A server side rendered web page can have a prominent initial load speed while a client side rendered web page will have a great interactive user experience. When combining the two, some users with a bad internet connection or a slow device could receive a poor user experience.
    [Show full text]
  • Android Turn Off Google News Notifications
    Android Turn Off Google News Notifications Renegotiable Constantine rethinking: he interlocks his freshmanship so-so and wherein. Paul catapult thrillingly while agrarian Thomas don phrenetically or jugulate moreover. Ignescent Orbadiah stilettoing, his Balaamite maintains exiles precious. If you click Remove instead, this means the website will be able to ask you about its notifications again, usually the next time you visit its homepage, so keep that in mind. Thank you for the replies! But turn it has set up again to android turn off google news notifications for. It safe mode advocate, android turn off google news notifications that cannot delete your android devices. Find the turn off the idea of android turn off google news notifications, which is go to use here you when you are clogging things online reputation and personalization company, defamatory term that. This will take you to the preferences in Firefox. Is not in compliance with a court order. Not another Windows interface! Go to the homepage sidebar. From there on he worked hard and featured in a series of plays, television shows, and movies. Refreshing will bring back the hidden story. And shortly after the Senate convened on Saturday morning, Rep. News, stories, photos, videos and more. Looking for the settings in the desktop version? But it gets worse. Your forum is set to use the same javascript directory for all your themes. Seite mit dem benutzer cookies associated press j to android have the bell will often be surveilled by app, android turn off google news notifications? This issue before becoming the android turn off google news notifications of android enthusiasts stack exchange is granted permission for its notification how to turn off google analytics and its algorithms.
    [Show full text]
  • The Mobile-First Transformation Handbook
    The Mobile-First Transformation Handbook Your Journey to a Better Web 08 Chapter One Building the Business Case 14 Chapter Two Assembling the Steering Group 20 Chapter Three Establishing the Strategy & Milestones Contents 26 Chapter Four Proving the Concept, Execution & Scaling 30 Chapter Five Reporting 36 Chapter Six Sustainability & lteration Preface by Recently I met with the UX team of a large UK retailer to review their website. I took them through ALESSANDRA a laundry list of recommendations for a more optimal customer experience including tests they ALARI could run - and was met with heads nodding in agreement. In the second part of the meeting though, we evaluated the difficulty in implementing the recommendations. The mood in the room dropped noticeably. For instance, fixing a button with a small bit of code was deemed “easy,” but the political navigation to implement this was marked as “difficult.” In too many instances, corporate complexity gets in the way of a good customer experience. Designers and developers may have the best intentions, but often aren’t empowered by leadership to do what’s best for the user. Head of Search & mUX, UKI Brilliant customer experiences beg the question, “how did they do that?” Through deep partnerships with clients, we’ve helped transform businesses’ customer experiences and drive commercial This handbook has been written to help any results. This guide is designed to help you navigate organisation that wants to transform its corporate complexities, provide tools to unlock mobile presence to benefit the user. Here we resource, and walk you through the journey to a outline principles from the realm of change user-centric mobile experience.
    [Show full text]
  • The 2020 Ecommerce Leaders Survey
    2020 eCOMMERCE LEADERS SURVEY Site Performance & Innovation Trends “When they get frustrated by a slow site, shoppers’ actions are damaging to a retailer in every possible way: they leave, they buy from a competitor, and they likely won’t be coming back to the site.” – Retail Systems Research (RSR) The 3rd annual eCommerce Leaders Survey Report on Site Performance examines key online retail trends based on interviews with over 120 eCommerce executives from some of 67% worry that 3rd party technologies will the industry’s biggest brands. Here are some of the key findings threaten compliance from this year’s report: with privacy laws PRIVACY COMPLIANCE 3RD PARTY TECHNOLOGIES • 67% worry that 3rd party technologies • 68% have multiple 3rd parties will threaten compliance with privacy laws performing similar functions • 55% spend 500K to $4M on 3rd parties • 64% say IT restricts 3rd parties each year and growing. And 20% are due to page “heaviness” adding even more! WEBSITE SPEED FAST FLEXIBILITY • 61% agree faster web performance • 62% agree that headless commerce results in higher conversions can significantly improve engagement • 65% believe they only have 2-3 and conversions seconds to engage shoppers • 77% are focused on closing the order and distribution management gap that Amazon has set Similar to last year, the 2020 eCommerce Leaders Survey Report combines primary research data gathered from online retail 61% agree faster web performance executives with findings from the “eCommerce 3rd Party Technology results in higher Index”, published in October of 2019. The 3rd Party Technology Index conversions examined the performance impact of close to 400 of the most widely adopted 3rd parties used on eCommerce sites.
    [Show full text]
  • Download Size, Respectively
    To Block or Not to Block: Accelerating Mobile Web Pages On-The-Fly Through JavaScript Classification Moumena Chaqfeh Muhammad Haseeb Waleed Hashmi NYUAD LUMS NYUAD [email protected] [email protected] [email protected] Patrick Inshuti Manesha Ramesh Matteo Varvello NYUAD NYUAD Nokia Bell Labs [email protected] [email protected] [email protected] Fareed Zaffar Lakshmi Subramanian Yasir Zaki LUMS NYU NYUAD [email protected] [email protected] [email protected] ABSTRACT even worse for a large fraction of users around the globe who The increasing complexity of JavaScript in modern mobile live in low- and middle-income countries, where mobile ac- web pages has become a critical performance bottleneck for counts for 87% of the total broadband connections [13], and low-end mobile phone users, especially in developing regions. users solely rely on affordable low-end smartphone devices In this paper, we propose SlimWeb, a novel approach that au- to access the web [3]. On these devices, JS processing time tomatically derives lightweight versions of mobile web pages is tripled compared to desktops [36], resulting in long de- on-the-fly by eliminating the use of unnecessary JavaScript. lays [64] and a poor browsing experience [57, 70]. In contrast SlimWeb consists of a JavaScript classification service pow- with other Internet applications (such as video streaming), the ered by a supervised Machine Learning (ML) model that performance of web browsing is more sensitive to low-end provides insights into each JavaScript element embedded in hardware [34]. Nevertheless, the current status of the World a web page. SlimWeb aims to improve the web browsing Wide Web (WWW) shows a 45% increase in JS usage by a experience by predicting the class of each element, such that median mobile page, with only 7% less JS kilobytes trans- essential elements are preserved and non-essential elements ferred to mobile pages in comparison to desktop pages (475.1 are blocked by the browsers using the service.
    [Show full text]
  • AMP up Your Mobile Web Experience: Characterizing the Impact of Google’S Accelerated Mobile Project
    AMP up your Mobile Web Experience: Characterizing the Impact of Google’s Accelerated Mobile Project Byungjin Juny Fabián E. Bustamantey Sung Yoon Whangy Zachary S. Bischofy? yNorthwestern University ?IIJ Research ABSTRACT ACM Reference Format: Byungjin Juny Fabián E. Bustamantey Sung Yoon Whangy The rapid growth in the number of mobile devices, subscrip- y? y ? tions and their associated traffic, has served as motivation Zachary S. Bischof , Northwestern University IIJ Research, for several projects focused on improving mobile users’ qual- . 2019. AMP up your Mobile Web Experience: Characterizing the Impact of Google’s Accelerated Mobile Project. In The 25th Annual ity of experience (QoE). Few have been as contentious as International Conference on Mobile Computing and Networking (Mo- the Google-initiated Accelerated Mobile Project (AMP), both biCom ’19), October 21–25, 2019, Los Cabos, Mexico. ACM, New York, praised for its seemingly instant mobile web experience and NY, USA, 14 pages. https://doi.org/10.1145/3300061.3300137 criticized based on concerns about the enforcement of its for- mats. This paper presents the first characterization of AMP’s impact on users’ QoE. We do this using a corpus of over 2,100 1 INTRODUCTION AMP webpages, and their corresponding non-AMP counter- Over the last decade, the number of mobile subscriptions parts, based on trendy-keyword-based searches. We charac- has grown rapidly, surpassing 7.7 billion by late 2017 [25]. terized AMP’s impact looking at common web QoE metrics, Since October 2016, more websites have been loaded on including Page Load Time, Time to First Byte and SpeedIndex smartphones and mobile devices than on desktop computers (SI).
    [Show full text]
  • ACCELERATED MOBILE PAGES for Magento 2 Need Help? [email protected]
    Magento Extension User Guide ACCELERATED MOBILE PAGES for Magento 2 Need help? [email protected] Table of Contents 1. Key Features 1.1. Enable AMP on mobile pages 1.2. Enable AMP on tablet devices 1.3. Automatically create Magento 2 AMP pages for Homepage, Category Pages, Product Pages, and CMS Pages 1.4. Create a unique design of AMP logo 1.5. Google Tag Manager Snippets 1.6. Speed-up Mobile and Tablet Pages 2. Configuration 2.1. General 2.2. Design 2.3. Google Tag Manager 2.4. Social Sharing 3. How to Test Magento 2 Accelerated Mobile Pages 3.1. Adding parameter "?amp=1" 3.2. Official AMP Validator 3.3. AMP Validator Google Chrome Extension 3.4. Developer Tool AMP Validator 4. Troubleshooting 5. AMP Cache Clear Need help? [email protected] Key Features Enable AMP on mobile pages The extension configuration panel allows an admin to enable AMP on mobile pages or disable it. Enable AMP on tablet devices The extension configuration panel allows an admin to enable AMP on tablet devices or disable it. Automatically create Magento 2 AMP pages for Homepage, Category Pages, Product Pages, and CMS Pages The extension automatically creates AMP pages for Homepage, Category Pages, Product Pages, and CMS Pages or disable them if it's necessary. Create a unique design of AMP logo With the help of Accelerated Mobile Pages, an admin can create a unique design for the AMP logo and set the settings of logo width, height, text color, link color, background color, etc. Google Tag Manager Snippets With the help of Google Tag Manager, an admin can track user interactions with AMP pages.
    [Show full text]
  • K-12 Computer Science Curriculum Guide
    MASSACHUSETTS K-12 Computer Science Curriculum Guide October 2017 MassCAN Massachusetts Computing Attainment Network MASSACHUSETTS K-12 COMPUTER SCIENCE CURRICULUM GUIDE The Commonwealth of Massachusetts Executive Office of Education, under James Peyser, Secretary of Education, funded the development of this guide. Anne DeMallie, Computer Science and STEM Integration Specialist at Massachusetts Department of Elementary and Secondary Education, provided help as a partner, writer, and coordinator of crosswalks to the Massachusetts Digital Literacy and Computer Science Standards. Steve Vinter, Tech Leadership Advisor and Coach, Google, wrote the section titled “What Are Computer Science and Digital Literacy?” Padmaja Bandaru and David Petty, Co-Presidents of the Greater Boston Computer Science Teachers Association (CSTA), supported the engagement of CSTA members as writers and reviewers of this guide. Jim Stanton and Farzeen Harunani EDC and MassCAN Editors Editing and design services provided by Digital Design Group, EDC. An electronic version of this guide is available on the EDC website (https://go.edc.org/MA-k12-CS-CG). This version includes hyperlinks to many resources. Massachusetts K-12 Computer Science Curriculum Guide | iii TABLE OF CONTENTS ABBREVIATIONS USED IN THIS GUIDE ................................................... VII INTRODUCTION ...............................................................................................1 WHAT ARE COMPUTER SCIENCE AND DIGITAL LITERACY? .................. 2 ELEMENTARY SCHOOL CURRICULA
    [Show full text]
  • Fawkes: Faster Mobile Page Loads Via App-Inspired Static Templating
    Fawkes: Faster Mobile Page Loads via App-Inspired Static Templating Shaghayegh Mardani, UCLA; Mayank Singh, IIT Delhi; Ravi Netravali, UCLA https://www.usenix.org/conference/nsdi20/presentation/mardani This paper is included in the Proceedings of the 17th USENIX Symposium on Networked Systems Design and Implementation (NSDI ’20) February 25–27, 2020 • Santa Clara, CA, USA 978-1-939133-13-7 Open access to the Proceedings of the 17th USENIX Symposium on Networked Systems Design and Implementation (NSDI ’20) is sponsored by Fawkes: Faster Mobile Page Loads via App-Inspired Static Templating Shaghayegh Mardani*, Mayank Singh†, Ravi Netravali* *UCLA, †IIT Delhi Abstract Despite the rapid increase in mobile web traffic, page loads still fall short of user performance expectations. State-of- Mobile the-art web accelerators optimize computation or network App fetches that occur after a page’s HTML has been fetched. However, clients still suffer multiple round trips and server processing delays to fetch that HTML; during that time, a browser cannot display any visual content, frustrating users. This problem persists in warm cache settings since HTML is most often marked as uncacheable because it usually embeds Web a mixture of static and dynamic content. Page Inspired by mobile apps, where static content (e.g., lay- out templates) is cached and immediately rendered while dynamic content (e.g., news headlines) is fetched, we built 300 ms 1100 ms 2900 ms Fawkes. Fawkes leverages our measurement study finding Figure 1: Comparing the mobile app and mobile web browser that 75% of HTML content remains unchanged across page loading processes for BBC News over an LTE cellular network.
    [Show full text]