High-performance DOM scripting

•Download as PPT, PDF•

10 likes•2,707 views

Stoyan Stefanov

Bayjax meetup turned "High-Performancer JavaScript" book party at Yahoo! HQ

Technology

Chapter 3: DOM Scripting Stoyan Stefanov Yahoo! Search Bayjax – April 13, 2010

Tonight: DOM is slow ,[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

bodystyle.color = 'red'; tmp = computed.backgroundColor; bodystyle.color = 'white'; tmp = computed.backgroundImage; bodystyle.color = 'green'; tmp = computed.backgroundAttachment; bodystyle.color = 'red'; bodystyle.color = 'white'; bodystyle.color = 'green'; tmp = computed.backgroundColor; tmp = computed.backgroundImage; tmp = computed.backgroundAttachment;

10 commandments ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Etcetera ,[object Object],[object Object],[object Object],YSlow 2.0

Similar to High-performance DOM scripting

Good practices for PrestaShop code security and optimization

PrestaShop

Web Scraper Shibuya.pm tech talk #8Tatsuhiko Miyagawa

An Introduction to Solr

tomhill

Web::ScraperTatsuhiko Miyagawa

BigDataCloud meetup - July 8th - Cost effective big-data processing using Ama...BigDataCloud

Introduction To Lamp

Amzad Hossain

Rapid and Scalable Development with MongoDB, PyMongo, and Ming

Rick Copeland

Douglas Crockford Presentation JsonsagaAjax Experience 2009

How Xslate Works

Goro Fuji

Python And GIS - Beyond Modelbuilder And Pythonwin

Chad Cooper

Characterset

Hari K T

JavaScript Needn't Hurt!

Thomas Kjeldahl Nilsson

非同期処理の通知処理 with Tatsumaki

keroyonn

Ajax to the Moon

davejohnson

What's New in ZF 1.10

Ralph Schindler

Rocky Nevin's presentation at eComm 2008eComm2008

jQuery - Doing it right

girish82

Modern Perl

Dave Cross

PHP 5 Sucks. PHP 5 Rocks.Adam Trachtenberg

Fantom and Tales

kaushik_sathupadi

Similar to High-performance DOM scripting (20)

Good practices for PrestaShop code security and optimization

Web Scraper Shibuya.pm tech talk #8

An Introduction to Solr

Web::Scraper

BigDataCloud meetup - July 8th - Cost effective big-data processing using Ama...

Introduction To Lamp

Rapid and Scalable Development with MongoDB, PyMongo, and Ming

Douglas Crockford Presentation Jsonsaga

How Xslate Works

Python And GIS - Beyond Modelbuilder And Pythonwin

Characterset

JavaScript Needn't Hurt!

非同期処理の通知処理 with Tatsumaki

Ajax to the Moon

What's New in ZF 1.10

Rocky Nevin's presentation at eComm 2008

jQuery - Doing it right

Modern Perl

PHP 5 Sucks. PHP 5 Rocks.

Fantom and Tales

More from Stoyan Stefanov

Reactive JavaScript

Stoyan Stefanov

YSlow hacking

Stoyan Stefanov

Liking performance

Stoyan Stefanov

JavaScript Performance Patterns

Stoyan Stefanov

JavaScript performance patterns

Stoyan Stefanov

High Performance Social Plugins

Stoyan Stefanov

Social Button BFFs

Stoyan Stefanov

JavaScript навсякъде

Stoyan Stefanov

JavaScript is everywhere

Stoyan Stefanov

Slides from OSCON 2011 http://www.oscon.com/oscon2011/public/schedule/detail/18579 JavaScript is the world’s most popular language – it is virtually everywhere. And once you learn it (or you’re already familiar with it from some browser scripting) you can leverage it to accomplish a great deal of programming and automation tasks. - choose node.js for your next server-side web app - automate sysadmin tasks with JavaScript shell scripts - improve your (and your visitor’s) browsing experience with bookmarklets and browser extensions - automate common PhotoShop tasks - extend some of your favorite apps (e.g. DreamWeaver) - create desktop GUI apps that run on Windows, Mac and Linux using XULRunner - create iPhone and Android apps with Titanium or PhoneGap

JavaScript shell scriptingStoyan Stefanov

JavaScript for PHP developers

Stoyan Stefanov

WPO @ PubCon 2010

Stoyan Stefanov

Progressive Downloads and Rendering - take #2

Stoyan Stefanov

Progressive Downloads and Rendering

Stoyan Stefanov

Voices that matter: High Performance Web Sites

Stoyan Stefanov

http://webdesign2010.crowdvine.com/talks/10509 No one likes slow pages. Faster sites increase user satisfaction and happiness, help improve business metrics and, since April 2010, rank higher in Google search results. In this session Stoyan shares his research and expertise covering: - The performance Golden Rule, which helps you cut page loading time in half. - Speeding up the initial page rendering. - Writing smarter CSS. - Image optimizations that shave 10-30% off the file sizes, with no quality loss. - Improving the perception of speed - Maintaining the user's "flow" as they move from page to page Step ahead of your competitors by building faster and more pleasant user experiences following the proven best practices

Psychology of performance

Stoyan Stefanov

"Psychology of performance" slides from Velocity 2010. http://en.oreilly.com/velocity2010/public/schedule/detail/13019 Running PageSpeed - all checks. YSlow - A. So what's next to do? Well, you can cheat! You know that time is relative - one hour with your mother-in-law feels much longer than one hour on the beach. The same way you can bend the perception of the page loading time and make the page feel faster, even though the RTT is the same.

3-in-1 YSlow

Stoyan Stefanov

CSS and image optimization

Stoyan Stefanov

The business of performance

Stoyan Stefanov

JavaScript Patterns

Stoyan Stefanov

Slides from Ajax Experience 2009. In this session: - Object creation patterns - Code reuse patterns - Functional patterns - More on object creation - Design patterns Some example patterns: object creation with literals and constructos, prototypes, inheritance and other code reuse patterns, lazy definition, callbacks, singleton, factory, classical and prototypal inheritance, namespaces, chaining, modules, static methods, private and privileged members For more information, see: http://jspatterns.com My column in the JavaScript Magazine (http://jsmag.com) Blog: http://phpied.com

More from Stoyan Stefanov (20)

Reactive JavaScript

YSlow hacking

Liking performance

JavaScript Performance Patterns

JavaScript performance patterns

High Performance Social Plugins

Social Button BFFs

JavaScript навсякъде

JavaScript is everywhere

JavaScript shell scripting

JavaScript for PHP developers

WPO @ PubCon 2010

Progressive Downloads and Rendering - take #2

Progressive Downloads and Rendering

Voices that matter: High Performance Web Sites

Psychology of performance

3-in-1 YSlow

CSS and image optimization

The business of performance

JavaScript Patterns

Recently uploaded

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

Neuro-symbolic is not enough, we need neuro-*semantic*

Frank van Harmelen

Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”. All of this illustrated with link prediction over knowledge graphs, but the argument is general.

Assuring Contact Center Experiences for Your Customers With ThousandEyes

ThousandEyes

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

Product School

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Product School

AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...

Product School

When stars align: studies in data quality, knowledge graphs, and machine lear...

Elena Simperl

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Product School

Search and Society: Reimagining Information Access for Radical Futures

Bhaskar Mitra

The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

Connector Corner: Automate dynamic content and events by pushing a button

DianaGray10

Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to: Create a campaign using Mailchimp with merge tags/fields Send an interactive Slack channel message (using buttons) Have the message received by managers and peers along with a test email for review But there’s more: In a second workflow supporting the same use case, you’ll see: Your campaign sent to target colleagues for approval If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team But—if the “Reject” button is pushed, colleagues will be alerted via Slack message Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors. And... Speakers: Akshay Agnihotri, Product Manager Charlie Greenberg, Host

JMeter webinar - integration with InfluxDB and Grafana

RTTS

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

Bits & Pixels using AI for Good.........

Alison B. Lowndes

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

ODC, Data Fabric and Architecture User Group

CatarinaPereira64715

Essentials of Automations: Optimizing FME Workflows with Parameters

Safe Software

Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place. Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects. Here’s what you’ll gain: - Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows. - Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy. - Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency. - Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity. We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic. Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

FIDO Alliance

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Leading Change strategies and insights for effective change management pdf 1.pdf

OnBoard

UiPath Test Automation using UiPath Test Suite series, part 4

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap. The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies. Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques What will you get from this session? 1. Insights into SAP testing best practices 2. Heatmap utilization for testing 3. Optimization of testing processes 4. Demo Topics covered: Execution from the test manager Orchestrator execution result Defect reporting SAP heatmap example with demo Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

Recently uploaded (20)