Efficiently downloading and executing Javascript
•
2 likes•365 views
The document discusses different techniques for efficiently downloading and executing Javascript resources on a webpage. It compares approaches like using script tags to join Javascript files, injecting scripts asynchronously, triggering scripts with callbacks, downloading scripts in parallel and deferring execution. The goal is to reduce blocking of DOM loading, enable parallel downloads, decrease load time and share cached resources across pages. Various tradeoffs of blocking DOM loading, parallelization, load time and resource sharing are considered for each approach.
Report
Share
Report
Share
Download to read offline
Recommended
WordPress Powered by AMIMOTO HHVM
This document summarizes the results of performance tests between HHVM and PHP-FPM on Nginx. In a test with an increasing load from 0-300 clients over 1 minute, HHVM had a faster average response time of 1566ms compared to 3108ms for PHP-FPM. HHVM was also able to process more requests, with 386830 requests compared to 2637 for PHP-FPM. While HHVM had a slower response at higher loads, PHP-FPM became unusable and returned errors at 150-200 clients.
Caching for Cash, part 4 DPC 2009
This document discusses various techniques for improving website performance and reducing page load times, such as reducing the number and size of HTTP requests, optimizing files by minifying and compressing code, leveraging browser caching, and using content delivery networks. Some specific recommendations include minimizing unnecessary cookies, combining and compressing JavaScript and CSS files, moving scripts lower on pages, using cache headers, and testing pages on slow connections to identify bottlenecks.
Frontend Caching - The "new" frontier
You have done all the caching tricks in the book on the server side: memcache, apc, database cache and so on and squeezed every millisecond out of it, now your site is as fast as it will ever get. Well guess again !
Too often people forget that what you are effectively caching and creating with those technologies is the HTML part of the user response time, now if they are done correctly then HTML is 10 - 20% of your users response time, so there is room for a whole lot of improvements on those other 80 - 90%.
You will be taken through a couple of important steps to achieve this, such as how to optimize your JavaScript, CSS, Images, Cookies and a whole sleeve of other things that make frontend caching the magical place that it is.
After having attended this talk you will not only have learned to make your sites faster for your long term users but also people coming for the first time as well as people on slower connections.
«Что такое serverless-архитектура и как с ней жить?» Николай Марков, Aligned ...
The document discusses what serverless computing is and how it can be used for building applications. Serverless applications rely on third party services to manage server infrastructure and are event-triggered. Popular serverless frameworks like AWS Lambda, Google Cloud Functions, Microsoft Azure Functions, and Zappa allow developers to write code that runs in a serverless environment and handle events and triggers without having to manage servers.
02 vng thanhnt-speedup_ntvv2_by_ph_pextmodule_
This document discusses speeding up the ZingMe-NTVV2 application by writing a PHP extension module. It introduces NTVV2, which has high traffic volumes. Writing a PHP extension can make complicated business functions run faster and use less memory compared to pure PHP. The document explains what a PHP extension is, its lifecycle, and how to set up the build environment. It recommends using SWIG, an interface compiler, to more easily connect C/C++ programs to PHP. SWIG allows defining types, wrapping classes/functions, and exposing functions to PHP. The document provides steps for using SWIG, including defining the module, generating code, creating a project, and compiling. Caching data in the PHP module
Mailerqnewpresentation
MailerQ is an MTA for sending large volumes of email quickly, flexibly and efficiently. It uses JSON encoded emails in a RabbitMQ queue to send messages from configurable IP addresses. Results are saved to a MySQL database and Couchbase can optionally store message bodies. The management console provides real-time performance metrics for messages, IPs and domains.
Scaling Up with PHP and AWS
Step-by-step process to scale up a LAMP stack application, using PHP7, Amazon Elastic Beanstalk and other free services. Covers many traps to be avoided when vertical and horizontal scaling.
Welcome to NPM search 2.0
This document introduces NPM Search 2.0 and discusses opportunities to improve the functionality of searching NPM's enormous database of Node.js libraries. It notes that finding the right library can be difficult and time-consuming. While NPM search is better than other platforms, perfection is not the goal - rather, continuous improvement. A few alternative search sites are presented that may provide more personalized or flexible search options for developers.
Recommended
WordPress Powered by AMIMOTO HHVM
This document summarizes the results of performance tests between HHVM and PHP-FPM on Nginx. In a test with an increasing load from 0-300 clients over 1 minute, HHVM had a faster average response time of 1566ms compared to 3108ms for PHP-FPM. HHVM was also able to process more requests, with 386830 requests compared to 2637 for PHP-FPM. While HHVM had a slower response at higher loads, PHP-FPM became unusable and returned errors at 150-200 clients.
Caching for Cash, part 4 DPC 2009
This document discusses various techniques for improving website performance and reducing page load times, such as reducing the number and size of HTTP requests, optimizing files by minifying and compressing code, leveraging browser caching, and using content delivery networks. Some specific recommendations include minimizing unnecessary cookies, combining and compressing JavaScript and CSS files, moving scripts lower on pages, using cache headers, and testing pages on slow connections to identify bottlenecks.
Frontend Caching - The "new" frontier
You have done all the caching tricks in the book on the server side: memcache, apc, database cache and so on and squeezed every millisecond out of it, now your site is as fast as it will ever get. Well guess again !
Too often people forget that what you are effectively caching and creating with those technologies is the HTML part of the user response time, now if they are done correctly then HTML is 10 - 20% of your users response time, so there is room for a whole lot of improvements on those other 80 - 90%.
You will be taken through a couple of important steps to achieve this, such as how to optimize your JavaScript, CSS, Images, Cookies and a whole sleeve of other things that make frontend caching the magical place that it is.
After having attended this talk you will not only have learned to make your sites faster for your long term users but also people coming for the first time as well as people on slower connections.
«Что такое serverless-архитектура и как с ней жить?» Николай Марков, Aligned ...
The document discusses what serverless computing is and how it can be used for building applications. Serverless applications rely on third party services to manage server infrastructure and are event-triggered. Popular serverless frameworks like AWS Lambda, Google Cloud Functions, Microsoft Azure Functions, and Zappa allow developers to write code that runs in a serverless environment and handle events and triggers without having to manage servers.
02 vng thanhnt-speedup_ntvv2_by_ph_pextmodule_
This document discusses speeding up the ZingMe-NTVV2 application by writing a PHP extension module. It introduces NTVV2, which has high traffic volumes. Writing a PHP extension can make complicated business functions run faster and use less memory compared to pure PHP. The document explains what a PHP extension is, its lifecycle, and how to set up the build environment. It recommends using SWIG, an interface compiler, to more easily connect C/C++ programs to PHP. SWIG allows defining types, wrapping classes/functions, and exposing functions to PHP. The document provides steps for using SWIG, including defining the module, generating code, creating a project, and compiling. Caching data in the PHP module
Mailerqnewpresentation
MailerQ is an MTA for sending large volumes of email quickly, flexibly and efficiently. It uses JSON encoded emails in a RabbitMQ queue to send messages from configurable IP addresses. Results are saved to a MySQL database and Couchbase can optionally store message bodies. The management console provides real-time performance metrics for messages, IPs and domains.
Scaling Up with PHP and AWS
Step-by-step process to scale up a LAMP stack application, using PHP7, Amazon Elastic Beanstalk and other free services. Covers many traps to be avoided when vertical and horizontal scaling.
Welcome to NPM search 2.0
This document introduces NPM Search 2.0 and discusses opportunities to improve the functionality of searching NPM's enormous database of Node.js libraries. It notes that finding the right library can be difficult and time-consuming. While NPM search is better than other platforms, perfection is not the goal - rather, continuous improvement. A few alternative search sites are presented that may provide more personalized or flexible search options for developers.
Managing and Scaling Puppet - PuppetConf 2014
Miguel Zuniga presented on managing and scaling Puppet. The presentation covered Puppet and the Puppetmaster model, scaling Puppet with a web cluster, using caching to reduce load, integrating Puppet with source control management, multi-datacenter configurations, masterless Puppet in the cloud, and future directions for Puppet. Zuniga concluded by taking questions from the audience.
kranonit S06E01 Игорь Цинько: High load
This document summarizes a presentation about designing systems to handle high loads when Chuck Norris is your customer. It discusses scaling architectures vertically and horizontally, RESTful principles, using NoSQL databases like MongoDB, caching with Memcached, search engines like Sphinx, video/image storage, and bandwidth management. It emphasizes that the right technology depends on business needs, and high-load systems require robust architectures, qualified developers, and avoiding single points of failure.
Zing Me Real Time Web Chat Architect
This document discusses the architecture of Zing Me's web chat platform. It has over 45 million registered users and handles over 500 servers. The web chat uses a connection server implemented in C++ with epoll to handle over 100,000 concurrent connections through long polling. It also uses a friend online server and message server. The message server stores messages and notifies of new messages through queues. Workers then deliver messages to users via the connection server. The architecture was developed over several months by multiple teams to provide real-time messaging capabilities at scale for Zing Me.
Zingme practice for building scalable website with PHP
This document discusses best practices for building scalable PHP websites, as demonstrated by ZingMe's architecture. It describes how ZingMe uses a scale-out approach with load balancing, centralized session storage, and an automated code deployment system. The key aspects covered are load balancing with HAProxy, overriding PHP's session handling to use Memcached, and configuring servers identically through version control and scripts. The goal is to gracefully handle increasing traffic by adding commodity servers within 5 minutes while maintaining a consistent environment.
Screaming Fast Wpmu
This document discusses optimizing a WordPress installation for performance. It recommends using Nginx as a reverse proxy cache in front of Apache and PHP to cache both logged-in and logged-out content. It achieved near elimination of problems, doubled network throughput, halved memory usage, and allowed disabling of plugins by caching everything. Results included atom feeds increasing in speed from 6 requests/second to over 7000 requests/second.
CPAN Gems From The Far East
Kolon and TTerse are pluggable template syntax options for XSLATE, a full-featured and fast templating system that is 158 times faster than TT2. XSLATE's website is at http://xslate.org. HTTP::Async is a HTTP client that is 7 times faster than LWP and 4 times faster than HTTP::Lite, making it good for REST APIs but not user agent tasks. Server::Starter is a wrapper that allows hot reloading of network servers by listening on a port and restarting on HUP. DBIx::Class provides a cleaner SQL::Abstract clone that is easier to extend. Test::mysqld and Test::postgresql allow easily bringing up database instances for
Paris Monitoring meetup #1 - Zabbix at BlaBlaCar
How we use Zabbix at BlaBlaCar. What we did to be able to deal with >25k items, >300 values per second & >6.5k triggers
- Trappers everywhere
- Low level discovery
- python-protobix
- jmx-zabbix
Nservicebus at scale
This document discusses NServiceBus at scale. It covers why the speaker's company adopted NServiceBus, how they monitored and tuned their system using it, and an integration example with a payment service provider. Some lessons learned included managing code dependencies, testing asynchronous and long-running processes, and deploying distributed transaction coordinators.
SPA2015: Hooman Beheshti – The Future of CDNs
Fastly VP of Technology Hooman Beheshti gives a keynote on The Future of CDNs at Software Practice Advancement Conference 2015.
More resources: http://spaconference.org/spa2015/uploads/resources/SPA%202015%20KEYNOTE%20AND%20DIVERSIONS.pdf
Azure DocumentDB en Global Azure Bootcamp 2017
The document discusses DocumentDB, a NoSQL database offered by Microsoft Azure. It provides three key capabilities:
1. Volume: It can handle high volumes of reads and writes with latencies under 10ms and 15ms respectively at the 99th percentile.
2. Variety: It supports multiple programming models including SQL, JavaScript, and many client drivers in different languages. It also supports geospatial queries.
3. Velocity: It offers elastic scaling of throughput and storage both locally and globally. It guarantees low and predictable latencies through an optimized database engine designed for SSDs.
Scaling Push Messaging for Millions of Devices @Netflix
Video and slides synchronized, mp3 and slide download available at URL https://bit.ly/2oA2uI5.
Susheel Aroskar talks about Zuul Push, a scalable push notification service that handles millions of "always-on" persistent connections from all the Netflix apps running. He covers the design of the Zuul Push server and reviews the design details of the back-end message routing infrastructure that lets any Netflix microservice push notifications to any connected client. Filmed at qconnewyork.com.
Susheel Aroskar works as a software engineer on the Cloud Gateway team at Netflix, which develops and operates Zuul, an API gateway that fronts all of the Netflix cloud traffic and handles more than 100 billion requests/day. Prior to Zuul, he worked on Netflix CDN's control plane in the cloud, which is responsible for steering more than a third of all North American peak evening internet traffic.
PHP At 5000 Requests Per Second: Hootsuite’s Scaling Story
The document describes Hootsuite's scaling journey from using Apache and PHP on one MySQL server to a microservices architecture using multiple technologies like Nginx, PHP-FPM, Memcached, MongoDB, Gearman, and Scala/Akka services communicating via ZeroMQ. Key steps included caching with Memcached to reduce MySQL load, using Gearman for asynchronous tasks, and MongoDB for large datasets. Monitoring with Statsd, Logstash and Elasticsearch was added for visibility. They moved to a service-oriented architecture with independent services to keep scaling their large codebase and engineering team.
Monitoring a billion kilometers of monthly ride sharing at BlaBlaCar - Zabbix...
How BlaBlaCar designed and operates a Zabbix based monitoring platform, optimizing Zabbix configuration, developping & using python-protobix & jmx-zabbix for more scalability
Securing dns records from subdomain takeover
Session presented in the Combined [nullDelhi + OWASPDelhi] webinar on 7th July.
Watch the webinar here - https://www.youtube.com/watch?v=C0LQJTXFosI
The speaker will be speaking upon the following abstract -
Basics of DNS records
Introduction to DNS record takeovers
Different types of DNS takeovers
Its impact
How to protect DNS records from takeover
Demo
Q&A
This talk will be for product security folks/ people on defending side. The speaker will also be covering the concept behind subdomain takeovers and its impact.
PyConIE 2017 Writing and deploying serverless python applications
The document provides an overview of serverless computing and deploying Python applications using AWS Lambda. It discusses how serverless computing removes the need to manage servers and allows scaling without capacity planning. The rest of the document demonstrates how to deploy a Python application on AWS Lambda using the Zappa framework. It shows how Zappa handles packaging code and dependencies, deployment, and management of Lambda functions and API Gateway configuration. Some potential issues with serverless like cold starts and limitations on function duration are also covered.
Supporting large scale React applications
- The document discusses best practices for supporting large scale React apps, including handling HTTP requests, scaling out to multiple servers, programming language and code quality tools, optimizing Webpack builds, and logging errors.
- It recommends using middleware like Chaos Monkey to simulate failing HTTP requests during development, retrying requests on errors after a pause, and caching static data while handling cache invalidation.
- For scaling, it suggests planning for multiple servers from the start and using a tool like Chaos Monkey to randomly route requests during development.
Building large scalable mission critical business applications on the web
Building large scalable mission critical business applications on the web presentaion for React Remote Conf 2016
Messaging Standards and Systems - AMQP & RabbitMQ
Gavin Roy
AWeber Communications - VP of Architecture
POSSCON
4/14/2015
Back-End Track - 1:00 PM Talk
Safe and Fast Automation on AWS for Fun and Profit
This is a talk about safe and high velocity automation on AWS (Amazon Web Services) with AWS Systems Manager, and is applicable for use cases such as reliability engineering and deployment automation.
Tomas Urbonaitis "Introduction to asynchronous persistent messaging with NSer...
NServiceBus is an open source service bus for .NET that enables asynchronous and reliable messaging. It allows for messaging patterns like request-response and publish-subscribe. NServiceBus provides features like retries, scalability, and monitoring tools. Alternatives for .NET include Mass Transit and Rhino Service Bus.
The Once And Future Script Loader (v3)
The document discusses script loading techniques. It analyzes the limitations of existing approaches like using <script> tags and document.write(). It also reviews past script loaders like LABjs and argues for a standardized general script loader. Such a loader should support parallel loading, ordered execution, and work across all browsers without hacks or exceptions. Future areas of focus could include preloading, modules, and leveraging new browser capabilities through standards.
Javascript
JavaScript is the programming language of the web and allows for interactive experiences on web pages. It has evolved from a simple scripting language into a fully-fledged programming language used both client-side in browsers and server-side. While initially released by Netscape and Sun Microsystems in the 1990s, it has been standardized by Ecma International and supported across all major browsers. JavaScript can increase accessibility, offers both functional and object-oriented programming, and continues to expand beyond the browser into other environments like mobile apps and server applications.
More Related Content
What's hot
Managing and Scaling Puppet - PuppetConf 2014
Miguel Zuniga presented on managing and scaling Puppet. The presentation covered Puppet and the Puppetmaster model, scaling Puppet with a web cluster, using caching to reduce load, integrating Puppet with source control management, multi-datacenter configurations, masterless Puppet in the cloud, and future directions for Puppet. Zuniga concluded by taking questions from the audience.
kranonit S06E01 Игорь Цинько: High load
This document summarizes a presentation about designing systems to handle high loads when Chuck Norris is your customer. It discusses scaling architectures vertically and horizontally, RESTful principles, using NoSQL databases like MongoDB, caching with Memcached, search engines like Sphinx, video/image storage, and bandwidth management. It emphasizes that the right technology depends on business needs, and high-load systems require robust architectures, qualified developers, and avoiding single points of failure.
Zing Me Real Time Web Chat Architect
This document discusses the architecture of Zing Me's web chat platform. It has over 45 million registered users and handles over 500 servers. The web chat uses a connection server implemented in C++ with epoll to handle over 100,000 concurrent connections through long polling. It also uses a friend online server and message server. The message server stores messages and notifies of new messages through queues. Workers then deliver messages to users via the connection server. The architecture was developed over several months by multiple teams to provide real-time messaging capabilities at scale for Zing Me.
Zingme practice for building scalable website with PHP
This document discusses best practices for building scalable PHP websites, as demonstrated by ZingMe's architecture. It describes how ZingMe uses a scale-out approach with load balancing, centralized session storage, and an automated code deployment system. The key aspects covered are load balancing with HAProxy, overriding PHP's session handling to use Memcached, and configuring servers identically through version control and scripts. The goal is to gracefully handle increasing traffic by adding commodity servers within 5 minutes while maintaining a consistent environment.
Screaming Fast Wpmu
This document discusses optimizing a WordPress installation for performance. It recommends using Nginx as a reverse proxy cache in front of Apache and PHP to cache both logged-in and logged-out content. It achieved near elimination of problems, doubled network throughput, halved memory usage, and allowed disabling of plugins by caching everything. Results included atom feeds increasing in speed from 6 requests/second to over 7000 requests/second.
CPAN Gems From The Far East
Kolon and TTerse are pluggable template syntax options for XSLATE, a full-featured and fast templating system that is 158 times faster than TT2. XSLATE's website is at http://xslate.org. HTTP::Async is a HTTP client that is 7 times faster than LWP and 4 times faster than HTTP::Lite, making it good for REST APIs but not user agent tasks. Server::Starter is a wrapper that allows hot reloading of network servers by listening on a port and restarting on HUP. DBIx::Class provides a cleaner SQL::Abstract clone that is easier to extend. Test::mysqld and Test::postgresql allow easily bringing up database instances for
Paris Monitoring meetup #1 - Zabbix at BlaBlaCar
How we use Zabbix at BlaBlaCar. What we did to be able to deal with >25k items, >300 values per second & >6.5k triggers
- Trappers everywhere
- Low level discovery
- python-protobix
- jmx-zabbix
Nservicebus at scale
This document discusses NServiceBus at scale. It covers why the speaker's company adopted NServiceBus, how they monitored and tuned their system using it, and an integration example with a payment service provider. Some lessons learned included managing code dependencies, testing asynchronous and long-running processes, and deploying distributed transaction coordinators.
SPA2015: Hooman Beheshti – The Future of CDNs
Fastly VP of Technology Hooman Beheshti gives a keynote on The Future of CDNs at Software Practice Advancement Conference 2015.
More resources: http://spaconference.org/spa2015/uploads/resources/SPA%202015%20KEYNOTE%20AND%20DIVERSIONS.pdf
Azure DocumentDB en Global Azure Bootcamp 2017
The document discusses DocumentDB, a NoSQL database offered by Microsoft Azure. It provides three key capabilities:
1. Volume: It can handle high volumes of reads and writes with latencies under 10ms and 15ms respectively at the 99th percentile.
2. Variety: It supports multiple programming models including SQL, JavaScript, and many client drivers in different languages. It also supports geospatial queries.
3. Velocity: It offers elastic scaling of throughput and storage both locally and globally. It guarantees low and predictable latencies through an optimized database engine designed for SSDs.
Scaling Push Messaging for Millions of Devices @Netflix
Video and slides synchronized, mp3 and slide download available at URL https://bit.ly/2oA2uI5.
Susheel Aroskar talks about Zuul Push, a scalable push notification service that handles millions of "always-on" persistent connections from all the Netflix apps running. He covers the design of the Zuul Push server and reviews the design details of the back-end message routing infrastructure that lets any Netflix microservice push notifications to any connected client. Filmed at qconnewyork.com.
Susheel Aroskar works as a software engineer on the Cloud Gateway team at Netflix, which develops and operates Zuul, an API gateway that fronts all of the Netflix cloud traffic and handles more than 100 billion requests/day. Prior to Zuul, he worked on Netflix CDN's control plane in the cloud, which is responsible for steering more than a third of all North American peak evening internet traffic.
PHP At 5000 Requests Per Second: Hootsuite’s Scaling Story
The document describes Hootsuite's scaling journey from using Apache and PHP on one MySQL server to a microservices architecture using multiple technologies like Nginx, PHP-FPM, Memcached, MongoDB, Gearman, and Scala/Akka services communicating via ZeroMQ. Key steps included caching with Memcached to reduce MySQL load, using Gearman for asynchronous tasks, and MongoDB for large datasets. Monitoring with Statsd, Logstash and Elasticsearch was added for visibility. They moved to a service-oriented architecture with independent services to keep scaling their large codebase and engineering team.
Monitoring a billion kilometers of monthly ride sharing at BlaBlaCar - Zabbix...
How BlaBlaCar designed and operates a Zabbix based monitoring platform, optimizing Zabbix configuration, developping & using python-protobix & jmx-zabbix for more scalability
Securing dns records from subdomain takeover
Session presented in the Combined [nullDelhi + OWASPDelhi] webinar on 7th July.
Watch the webinar here - https://www.youtube.com/watch?v=C0LQJTXFosI
The speaker will be speaking upon the following abstract -
Basics of DNS records
Introduction to DNS record takeovers
Different types of DNS takeovers
Its impact
How to protect DNS records from takeover
Demo
Q&A
This talk will be for product security folks/ people on defending side. The speaker will also be covering the concept behind subdomain takeovers and its impact.
PyConIE 2017 Writing and deploying serverless python applications
The document provides an overview of serverless computing and deploying Python applications using AWS Lambda. It discusses how serverless computing removes the need to manage servers and allows scaling without capacity planning. The rest of the document demonstrates how to deploy a Python application on AWS Lambda using the Zappa framework. It shows how Zappa handles packaging code and dependencies, deployment, and management of Lambda functions and API Gateway configuration. Some potential issues with serverless like cold starts and limitations on function duration are also covered.
Supporting large scale React applications
- The document discusses best practices for supporting large scale React apps, including handling HTTP requests, scaling out to multiple servers, programming language and code quality tools, optimizing Webpack builds, and logging errors.
- It recommends using middleware like Chaos Monkey to simulate failing HTTP requests during development, retrying requests on errors after a pause, and caching static data while handling cache invalidation.
- For scaling, it suggests planning for multiple servers from the start and using a tool like Chaos Monkey to randomly route requests during development.
Building large scalable mission critical business applications on the web
Building large scalable mission critical business applications on the web presentaion for React Remote Conf 2016
Messaging Standards and Systems - AMQP & RabbitMQ
Gavin Roy
AWeber Communications - VP of Architecture
POSSCON
4/14/2015
Back-End Track - 1:00 PM Talk
Safe and Fast Automation on AWS for Fun and Profit
This is a talk about safe and high velocity automation on AWS (Amazon Web Services) with AWS Systems Manager, and is applicable for use cases such as reliability engineering and deployment automation.
Tomas Urbonaitis "Introduction to asynchronous persistent messaging with NSer...
NServiceBus is an open source service bus for .NET that enables asynchronous and reliable messaging. It allows for messaging patterns like request-response and publish-subscribe. NServiceBus provides features like retries, scalability, and monitoring tools. Alternatives for .NET include Mass Transit and Rhino Service Bus.
What's hot (20)
Zingme practice for building scalable website with PHP
Zingme practice for building scalable website with PHP
Scaling Push Messaging for Millions of Devices @Netflix
Scaling Push Messaging for Millions of Devices @Netflix
PHP At 5000 Requests Per Second: Hootsuite’s Scaling Story
PHP At 5000 Requests Per Second: Hootsuite’s Scaling Story
Monitoring a billion kilometers of monthly ride sharing at BlaBlaCar - Zabbix...
Monitoring a billion kilometers of monthly ride sharing at BlaBlaCar - Zabbix...
PyConIE 2017 Writing and deploying serverless python applications
PyConIE 2017 Writing and deploying serverless python applications
Building large scalable mission critical business applications on the web
Building large scalable mission critical business applications on the web
Safe and Fast Automation on AWS for Fun and Profit
Safe and Fast Automation on AWS for Fun and Profit
Tomas Urbonaitis "Introduction to asynchronous persistent messaging with NSer...
Tomas Urbonaitis "Introduction to asynchronous persistent messaging with NSer...
Similar to Efficiently downloading and executing Javascript
The Once And Future Script Loader (v3)
The document discusses script loading techniques. It analyzes the limitations of existing approaches like using <script> tags and document.write(). It also reviews past script loaders like LABjs and argues for a standardized general script loader. Such a loader should support parallel loading, ordered execution, and work across all browsers without hacks or exceptions. Future areas of focus could include preloading, modules, and leveraging new browser capabilities through standards.
Javascript
JavaScript is the programming language of the web and allows for interactive experiences on web pages. It has evolved from a simple scripting language into a fully-fledged programming language used both client-side in browsers and server-side. While initially released by Netscape and Sun Microsystems in the 1990s, it has been standardized by Ecma International and supported across all major browsers. JavaScript can increase accessibility, offers both functional and object-oriented programming, and continues to expand beyond the browser into other environments like mobile apps and server applications.
AWS Summit London 2014 | Dynamic Content Acceleration (300)
This session is recommended for people who are new to content distribution networks (CDNs) and have a need to decrease server load and speed up their website’s load time.
In this mid-level technical session you will be able to learn more about improving the performance of web sites and web applications using Amazon CloudFront and Amazon Router 53. Learn how to assess whether your web applications will benefit from caching and how to optimize the delivery of static and dynamic content to boost performance and improve your customers' experience in using your applications.
Django book15 caching
The document discusses caching in Django, including different caching backends like memory caching, database caching, and file system caching. It covers setting up caching in Django settings, using caching in views via decorators, and caching in templates. The document also discusses cache invalidation, the Vary header, private versus public caches, and various cache control directives. Developer-focused caching options like local memory caching and dummy caching are presented as alternatives for development environments.
Advanced Drupal 8 Caching
As presented at the San Francisco Drupal Users Group: https://www.meetup.com/SFDUG-San-Francisco-Drupal-Users-group/events/241098139/
A faster web
Service workers can improve network resilience by caching content to reduce trips to the server. Workbox is a set of libraries and tools that help generate service workers using best practices. It can integrate with build tools like Webpack. Caching layers like Redis can also be used in front of databases to provide redundancy and faster requests while protecting databases. Redis is an open source in-memory data store that can be used as a cache. The demos showed how to implement these caching strategies to improve performance.
Queue Everything and Please Everyone
Vaidik Kapoor presented on using message queues and task queues to improve the responsiveness of web applications. He discussed how queues can be used to offload processing tasks from the main request-response cycle to improve user experience. Some key points included:
- Message queues like RabbitMQ and Redis with libraries like HotQueue and PyRes can be used to asynchronously process tasks like data/media processing and cache updates.
- Celery is a popular task queue library that uses RabbitMQ and supports many frameworks. It allows distributing and managing cron-like tasks reliably.
- Proper integration of task processing with user interfaces is important using techniques like notifications, flashes, and polling to update users.
Racing The Web - Hackfest 2016
Long thought to be relegated to the domain of fast, multithreaded desktop applications, race conditions have made their way into web applications. These bugs are often difficult to test for, and are becoming increasingly prevalent due to faster and faster clients, while server-side languages like Node.js and PHP are struggling to keep up. Race conditions are no longer just bugs- when they are found in critical components of web applications, they become a serious security vulnerability. If the proper checks and defensive measures are not in place, databases get confused, “one-time-use” becomes a relative term, and “limited” becomes “unlimited”. This talk will detail specific examples where malicious users could cause damage or profit from a race-condition flaw in a web application. A custom open-source tool will also be introduced to help security researchers and developers easily check for this class of vulnerability in web applications.
Real-Time Processing Using AWS Lambda
Lambda allows real-time event processing from various event sources like S3, DynamoDB streams, and Kinesis streams. Events can either be pushed to Lambda through asynchronous or synchronous invokes, or pulled from streams using Lambda's polling logic. Lambda processes streams efficiently by sub-batching records into invocations and processing shards concurrently with retries. Thomson Reuters used this to build a scalable usage analytics solution on AWS that processes millions of events daily from their products, automatically scales, and requires little maintenance.
Women Who Code, Ground Floor
This document provides a whirlwind tour of software development topics including common terminology like front-end vs back-end, languages vs frameworks. It describes the basic building blocks of a web application like HTML, CSS, JavaScript and how they are tied together by the DOM. Common technology stacks that pair languages like Java, PHP and Ruby with frameworks and databases are also outlined. The document concludes by suggesting ways for developers to take their skills to the next level in areas like responsive design, testing, design patterns and preparing applications to scale.
wt mod3.pdf
The document provides information about JavaScript and web development technologies. It includes a syllabus covering JavaScript concepts like client-side scripting, the Document Object Model, events, and forms. It also discusses JavaScript syntax like variables, conditionals, loops, functions, and objects. Key principles around progressive enhancement and graceful degradation are explained. The document contains examples and explanations of JavaScript features.
Real-time Data Processing using AWS Lambda
Real-time data processing serverless architecture can eliminate the need to provision and manage servers required to process files or streaming data in real time. In this session, we will cover the fundamentals of using AWS Lambda to process data in real-time from push sources such as AWS Iot and pull sources such as Amazon DynamoDB Streams or Amazon Kinesis. We'll also discuss best practices and do a deep dive into AWS Lambda real-time stream processing.
Serverless - When to FaaS?
This document discusses serverless computing and function as a service (FaaS). It provides an overview of what serverless and FaaS are, how they work, common use cases, limitations, and the future impact. Key points include that FaaS provides fully managed compute with no servers to provision and pays only for actual usage, common triggers are HTTP requests and events, and use cases span web backends, mobile apps, file processing, bots, and more. The document also outlines limitations like statelessness and cold starts, as well as emerging practices around business models, architectures, operations, and tooling.
JClouds at San Francisco Java User Group
This document discusses key-value storage concepts like global namespaces, metadata, and various cloud storage vendors. It compares features of different vendors like file size limits, consistency models, authorization policies, and API complexity. It also covers content delivery networks, coding HTTP requests, dealing with errors and concurrency, and introduces jclouds as an open source library that aims to abstract away differences between cloud providers and handle common tasks like provisioning.
Web performance optimization - MercadoLibre
The document provides techniques and tools for improving web performance. It discusses how reducing response times can directly impact revenues and user experience. It then covers various ways to optimize the frontend, including reducing time to first byte through DNS optimization and caching, using content delivery networks, HTTP compression, keeping connections alive, parallel downloads, and prefetching. It also discusses optimizing images, JavaScript loading, and introducing new formats like WebP. The overall document aims to educate on measuring and enhancing web performance.
Breaking the Speed Limit: Faster Websites Win
Studies have identified speed as the single most critical factor for e-commerce conversion. There are lots of changes you could make to your website, but none of them are as risk-free as increasing speed. Some people like yellow, some like blue, but nobody likes slow. This talk will explain how to measure speed, and how to make your site much faster with minimal effort.
GWT HJUG Presentation
A presentation prepared by Peter Haynes and Derrick Bowen of Pariveda Solutions on GWT for the Houston Java Users Group
Groovy & Grails - From Scratch to Production
Walk-through a true story of developing a Grails web application from the ground up. some tips and how to guides for those of you who want to start developing on Grails or are using Grails and would like to learn from other experience.
Measuring Web Performance (HighEdWeb FL Edition)
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at HighEdWeb Florida.
Isomorphic JavaScript with Node, WebPack, and React
This document discusses isomorphic JavaScript, which refers to code that can run both on the server during rendering and in the browser.
It notes some key libraries like React that enable isomorphic code by allowing the same code to render markup on both the server and client. It also discusses pushing inconsistencies between the server and client environments up to higher levels of code or down into common libraries.
The document demonstrates how to set up a basic isomorphic JavaScript project using Webpack and React, and discusses the perspectives of library authors and application developers in building isomorphic code.
Similar to Efficiently downloading and executing Javascript (20)
AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)
Isomorphic JavaScript with Node, WebPack, and React
Isomorphic JavaScript with Node, WebPack, and React
More from Pablo Moretti
Scaling with Microservice
This document discusses microservices and how MercadoLibre scaled their architecture using this approach. It defines microservices as small autonomous services that communicate through language-agnostic APIs. Some benefits include improved fault isolation and independent deployability, while challenges include increased operations overhead and implicit interfaces between services. The document outlines how MercadoLibre scaled to support 18 million requests per minute using over 400 deploys per day across 700 developers and 20,000 virtual servers through their microservices architecture with services communicating via HTTP/REST and an API gateway. Key lessons included caching everything possible, reusing HTTP headers, designing for worst-case scenarios, maintaining duplicate data across services, and processing updates asynchronously.
Mobiledevcon - MercadoLibre web mobile
El documento describe la experiencia de MercadoLibre al construir una versión móvil de su sitio web. Decidieron crear tanto una aplicación móvil como una versión web para garantizar una experiencia nativa y accesibilidad en todos los dispositivos. Optimizaron la carga de información dependiendo del dispositivo y adaptaron el diseño a diferentes formatos de pantalla. Algunas lecciones aprendidas incluyen enfocarse solo en lo esencial, usar nuevos patrones de diseño y considerar el contexto del usuario.
Breaking performance web rules
This document discusses various techniques for improving website performance, including reducing latency, prioritizing resource loading, minimizing requests, caching resources, using content delivery networks, and prefetching content. It provides examples like optimizing images, concatenating and minifying files, leveraging browser parallel downloading, and using SPDY to reduce page load times. The document also lists several developer tools and sites for testing performance.
Demanda - MercadoLivre Developers Conference
O documento discute o fluxo de compra no MercadoLivre, incluindo como buscar produtos, visualizar detalhes do anúncio e do vendedor, fazer perguntas e confirmar uma compra usando a API do MercadoLivre. Ele também menciona como desenvolvedores podem capitalizar aplicativos para compradores usando o programa de afiliados Mercado Socio.
Groovy & Java
This document compares static and dynamic typing in Groovy and Java. Static typing catches errors earlier through compile-time type checking, while dynamic typing allows for more flexibility through duck typing and domain-specific languages. The document argues that for many modern applications, the benefits of dynamic typing in Groovy outweigh the advantages of static typing in Java, though static typing is still useful in some cases. It provides examples of design patterns that are reviewed when using a dynamic language and notes that performance is not necessarily better in Java.
Mercado Libre - Introducción a SEO
Este documento proporciona una introducción al concepto de SEO (Search Engine Optimization) y describe varias técnicas importantes para optimizar un sitio web para los motores de búsqueda. Explica qué es el posicionamiento web, los tipos de posicionamiento, SEO, por qué es importante el SEO, implementación de técnicas SEO lícitas e ilícitas, el uso de bots, keywords, densidad y frecuencia de keywords, meta tags, tags de contenido, PageRank, estructura de enlaces, URL, robots.txt, sitemap y la importancia de
More from Pablo Moretti (6)
Recently uploaded
Video Streaming: Then, Now, and in the Future
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Taking AI to the Next Level in Manufacturing.pdf
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
OpenID AuthZEN Interop Read Out - Authorization
During Identiverse 2024 and EIC 2024, members of the OpenID AuthZEN WG got together and demoed their authorization endpoints conforming to the AuthZEN API
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Things to Consider When Choosing a Website Developer for your Website | FODUU
Choosing the right website developer is crucial for your business. This article covers essential factors to consider, including experience, portfolio, technical skills, communication, pricing, reputation & reviews, cost and budget considerations and post-launch support. Make an informed decision to ensure your website meets your business goals.
Recently uploaded (20)
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Things to Consider When Choosing a Website Developer for your Website | FODUU
Things to Consider When Choosing a Website Developer for your Website | FODUU
Efficiently downloading and executing Javascript
- 1. Efficiently downloading and executing Javascript Pablo Moretti MercadoLibre
- 2. Agenda ● Script tag ● Script injection (async) ● Script injection with callback ● Download and execution in order Let's go …
- 3. Example Page Javascript resources ● Jquery, Chico & 3 dummy resources ✕ Blocked DOM ✕ Load time ✔ Parallel requests * ✔ Share resources
- 4. Script tag First approach, join all javascripts. ✕ Blocked DOM ✕ Parallel requests * ✕ Load time ✕ Share resources ✔ Less requests * 90% of the browsers that navigate ML support 6 or more concurrent connections per domain.
- 5. Script tag A better idea is to join only the dummies js and put the script in the bottom. ✕ Blocked DOM ✔ Share resource ✔ Less requests ✔ Parallel requests ✔ Load time
- 6. Script injection (async) This is the injection of script from another script. ✕ Blocked onload ✕ Parallel requests ✕ Share resources ✔ No blocked DOM ✔ Load time ✔ Less requests
- 7. Script injection with callback We could use a library and ✔ No blocked onload trigger it in onload event. ✔ Share resources ✔ Less requests ✕ Parallel requests ✕ Load time
- 8. Download and execution in order We could use a better library ✔ No blocked onload ✔ Parallel requests and trigger it in onload event. ✔ Load time ✔ Less requests ✔ Share resources
- 9. Defer & queue javascript inline Using a similar technique of GA track, we can defer the execution of javascipt inline. The array is processed when we want. For example, when we download the dependency.
- 10. Questions ?