Optimizing ASP.NET application performance: tough but necessary

•Download as PPTX, PDF•

4 likes•4,259 views

Learn why it's crucial to optimize ASP.NET application performance and how to use various technics to reach 100 grade both in YSlow and Page Slow tools. Technics to be described: - tools: YSlow, Page Slow, Fiddler - javascript and css minification including related tools - image optimization and sprites including related tools - tuning IIS for performance - separating static content and using CDNs - ASP.NET server side profiling with MVC Profiler - client side profiling with Web Beacons and HTML5 Navigation Timing

Optimizing ASP.NET application performance: tough but necessary

Optimizing ASP.NET application
performance: tough but
necessary
Sergejus Barinovas
@sergejusb | sergejus.barinovas@gmail.com

Source: Performance Related Changes and their User Impact by Eric Schurman and Jake

Mobile feedback app
Agile Tour Vilnius 2011

Client side optimization
Tough, but here are several hints for you…

Yahoo! best practices for speeding up web site
Google web performance best practices

YSlow
Page Speed

Lets optimize mobile feedback
app!
Demo: client side optimization

SquishIt

Image Optimizer

Sprite and Image Optimization

YUICompressor Smush.it
AjaxMin PunyPNG

Closure compiler YUICompressor
YUICompressor AjaxMin
AjaxMin CSSTidy
Packer Minify
JSMin CSSCompressor

Server side optimization
Even tougher and in most cases “it depends”…

Microsoft Log Parser
Mini Profiler
HTML5 Navigation Timing

Now go and optimize you
ASP.NET application
performance!

Thank you! Questions?
@sergejusb | sergejus.barinovas@gmail.com

What's hot

Progressive Web Apps

Igor Chiriac

Progressive Web Apps use modern web capabilities to provide an app-like experience to users. They are responsive and work across all device types. PWAs aim to load quickly, even with uncertain network conditions. They also respond smoothly to user interactions without janky or laggy behavior. Features like the web manifest and service workers help make PWAs feel like native apps to users. Implementing strategies such as the PRPL pattern and following performance best practices from RAIL can help optimize PWAs. Case studies on Twitter and Alibaba found business benefits from users adding PWAs to their home screens, including increased engagement.

University iOS - Tips and Tools for 5 Star Apps

Chris Beauchamp

Node @ flipkart

Abhinav Rastogi

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Jason Strimpel

Often business needs and developer needs are at odds when developing public facing web applications, sites that need to be indexed by search engines. Business is primarily concerned with factors such as search engine optimization, SEO, improving visitor retention and reducing bounce rates, while engineering is more concerned with improving developer ergonomics, code re-usage, separation of concerns, and code maintenance. This talk aims to describe a solution that satisfies both business and engineering requirements.

Accelerated Mobile Pages - WordCamp Kansas City

Jeremy Green

AMP is an open spec for lightweight, mobile-friendly pages. You can use it as the mobile view on your site, and having it enabled actually allows the AMP version of your page to be used by Google for search previews and in other places on their platform. In addition, many SEO experts recommend adopting AMP as Google is likely to reward those who do in terms of rankings. You will learn why AMP is important, how to easily add it to your WordPress site, and different techniques you can use to customize it to your specific needs.

Building landing pages at scale at InVision - No Code Conf 2019

Webflow

This document discusses how to build landing pages at scale using less code by creating standard page templates, reusable components, and streamlined processes. It recommends having a small number of templates and components, using an event management system, and providing copy and image templates rather than building a custom WYSIWYG editor. The goal is to minimize engineering and design requests and long approval processes so pages can be built and shipped faster.

Best practices for_mobile_site

L Ravi Kiran

Turku <3 Frontend - Progressive Web Apps, Web and Apps

Joni Juup

Building High-Performance applications with .NET 5 and Vue JS 3

Alexandre Malavasi

The document discusses building high-performance applications using .NET 5 and Vue.js 3. It outlines traditional web architectures with requests for HTML, CSS and images from the server compared to single page applications which request JSON. It also lists ASP.Net options for server-side frameworks like MVC and Razor Pages as well as client-side options like Blazor. It promotes a component-based approach and provides contact details for the author.

What Are Accelerated Mobile Pages (AMPs)?

MatchCraft

redirect Giraffe presentation #4

Myles Pollie

RedirectGiraffe is developing a Chrome extension called RedirectGiraffe that allows users to modify web pages and requests through features like redirecting to different websites, blocking websites, replacing URLs, and injecting custom JavaScript onto pages for free, unlike a similar tool that costs $60 annually. User testing showed satisfaction with the JavaScript injection feature but confusion over button names and not knowing when the extension is running. The founders plan to address shortcomings in the MVP like implementing backend JavaScript saving, adding more tooltips for clarity, and displaying all created rules to determine if rule creation succeeded. They hypothesize that Chrome extension developers need a quicker way to test changes and would prefer a unified development environment over switching between multiple tools.

Headless 101 - Everything You Wanted to Know and More!

WP Engine

Why is headless so hot right now? It helps companies meet people where they are digitally—including their devices. Headless is a new pattern for building websites that introduces several new concepts to WordPress. According to a new study, 64% of enterprise organizations are currently using a headless approach, representing a nearly 25% increase from 2019. Getting started with headless may feel overwhelming, but once you understand the playing field, your team will be building absurdly fast, decoupled websites in no time. WP Engine and Click Here Labs are teaming up in this session to cover key terms, emerging trends, and cutting-edge best practices for Headless WordPress.

Machine Learning Deployments

OMKARGURAV21

6 tzirtzipis startup_academy_2015_mvp

Startup Academy Cyprus

A minimum viable product (MVP) is a version of a new product that allows a team to collect the maximum amount of validated learning about customers with the least effort. An MVP has just the core features necessary to deploy a product and no more. Creating an MVP helps startup founders test ideas with minimal time and funds to determine if customers need and will use the product before fully developing it. The document provides steps to define an MVP, including prioritizing key features and testing it using low-cost platforms like websites, surveys, or social media to reduce risk.

Progressive Web Apps

Nitheesh T Ganesh

Mobile Second @ NextStep 2014

Gonçalo Veiga

Progressive Web Apps - Quick Guide to Explore

eLuminous Technologies Pvt. Ltd.

Progressive Web Apps (PWAs) are designed to give users a native app-like experience through features like push notifications, offline access, and load quickly while using modern web technologies. PWAs leverage tools like manifest files, service workers, and push notifications to make web apps more engaging, fresh, fast and installable on home screens. Requirements for developing PWAs include using the latest version of Chrome, HTTPS, a local server, and HTML/CSS/JavaScript. Many large companies like Pinterest, Trivago, and Twitter have adopted PWAs to improve user experience on their mobile websites.

Using PhoneGap to develop incredible HTML5 hybrid mobile apps

Monaca

The document summarizes the speaker's experience developing hybrid mobile apps using PhoneGap. It describes his journey starting with an early news application in 2010, challenges faced around debugging, development speed and user interface design. Key points discussed include building tools like a PhoneGap debugger and cloud IDE to improve efficiency, open sourcing native UI components, and creating the Onsen UI framework and pre-built components site to simplify app development. The speaker emphasizes that while individual solutions can be found, his goal with Monaca and Onsen UI is to provide an up-to-date resource to help developers overcome common challenges in this area.

What's hot (18)

Progressive Web Apps

University iOS - Tips and Tools for 5 Star Apps

Node @ flipkart

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Accelerated Mobile Pages - WordCamp Kansas City

Building landing pages at scale at InVision - No Code Conf 2019

Best practices for_mobile_site

Turku <3 Frontend - Progressive Web Apps, Web and Apps

Building High-Performance applications with .NET 5 and Vue JS 3

What Are Accelerated Mobile Pages (AMPs)?

redirect Giraffe presentation #4

Headless 101 - Everything You Wanted to Know and More!

Machine Learning Deployments

6 tzirtzipis startup_academy_2015_mvp

Progressive Web Apps

Mobile Second @ NextStep 2014

Progressive Web Apps - Quick Guide to Explore

Using PhoneGap to develop incredible HTML5 hybrid mobile apps

Similar to Optimizing ASP.NET application performance: tough but necessary

AMP in WordPress, the WordPress Way

Alberto Medina

Web Performance Optimization

Patrick Meenan

Building for, perceiving and measuring performance for mobile web

Robin Glen

This document discusses strategies for improving the performance of single-page applications (SPAs). It notes that SPAs can provide a more native-like user experience compared to traditional multi-page applications. The document outlines several ways to enhance SPA performance, including optimizing APIs, reducing payload size, enabling HTTP/2 and offline functionality. It also discusses techniques for measuring and monitoring performance using tools like the Chrome DevTools and performance metrics. The key message is that performance must be measured to be improved.

Lean Quality & Engineering

Mek Srunyu Stittri

The document discusses lean approaches to UI/UX testing including rapid wireframing tools, guerrilla testing, and automated A/B testing to test ideas quickly and cheaply. It then introduces Applitools, a visual automation test tool that can automate visual testing to check for issues like anti-aliasing, brightness, and sub-pixel shifts across browsers, operating systems, and screen resolutions. The document outlines Applitools' workflow for baseline creation and test execution and provides a demo. It notes challenges with visual testing and how Applitools addresses them through specialized image processing.

SUGMEA - Sitecore JSS and Performance Optimization - Alex Shyba - Altudo

dharmeshharji

1) Sitecore JavaScript Services (JSS) allows for blazing fast performance by fully decoupling content delivery from rendering. This unlocks new deployment options like pre-rendering and caching content at the edge. 2) Personalization can still be achieved rapidly by pre-rendering content and rules and executing personalization client-side or at the CDN level. 3) A demo of an existing Sitecore JSS app showed a deployment to Azure Blob Storage fronted by an Azure CDN, with client-side personalization based on Sitecore profiling achieving response times 98x faster than without the edge optimization.

Deep crawl the chaotic landscape of JavaScript

Onely

The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.

Modern Web Applications

Ömer Göktuğ Poyraz

The need for Speed: Advanced #webperf - SEOday 2018

Bastian Grimm

The document discusses optimizing web performance. It begins by defining critical rendering path optimization, which involves identifying the minimum CSS needed to render the initial viewport of a page. This critical CSS can be inlined into the page head to avoid an additional HTTP request. Non-critical CSS is then preloaded asynchronously so it downloads in parallel without blocking page rendering. Tracking paint metrics like first contentful paint and time to interactive is also recommended to measure performance improvements. Overall, the document emphasizes optimizing the critical resources needed for the initial page load.

Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...

Link-Assistant.Com

- Google is focusing on mobile page speed and user experience as part of its search rankings. A study was conducted analyzing the page speed and optimization of over 1 million pages. - The results showed that optimization score, which measures how well a page leverages browser caching and prioritizes visible content, had a strong correlation with search rankings. However, page speed metrics like first content paint and load time did not correlate as much. - This indicates that for mobile search rankings, page optimization is more important than raw speed numbers. Site owners should focus on optimizing aspects like response time, redirects, compression, caching, and prioritizing visible content to improve rankings.

Advanced automated visual testing with Selenium

adamcarmi

Slides presented at Selenium Conference India 2016 Automated visual testing is a major emerging trend in the dev / test community. In this talk you will learn what visual testing is and why it should be automated. We will take a deep dive into some of the technological challenges involved with visual test automation and show how modern tools address them. We will review available Selenium-based open-source and commercial visual testing tools, demo cutting edge technologies that enable running cross browser and cross device visual tests at large scale, and show how visual test automation fits in the development / deployment lifecycle. If you don’t know what visual testing is, if you think that Sikuli is a visual test automation tool, if you are already automating your visual tests and want to learn more on what else is out there, if you are on your way to implement Continuous Deployment or just interested in seeing how cool image processing algorithms can be, this talk is for you!

Google at WordCamp US: Performance IS User Experience

Rick Viscomi

ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...

QADay

Testing installable mobile apps analogues

Diana Pinchuk

The perspective of creating a mobile app that doesn’t need to be downloaded and reviewed in the App Store is very attractive, especially when there is more than one analogue for installable apps: Progressive Web Apps (PWA), Android Instant Apps (AIA) and Accelerated Mobile Pages (AMP). But here there is no silver bullet: each of the mentioned technologies has its own peculiarities of development, support and testing. In the lecture, we’ll explore each of the platforms in detail and compare them with “usual” mobile apps, so to be ready for quality assurance even in such new and unusual projects.

Single Page Application presentation

John Staveley

The document discusses a journey to building a single page application using AngularJS and BreezeJS. It describes the initial solution using jQuery with problems around navigation and two-way binding. AngularJS solves these issues with routing and two-way binding. BreezeJS simplifies working with data by removing boilerplate code for model creation, queries, validation and only saving changed data. Unit testing is also enabled through Angular's dependency injection and separation of concerns. The presentation concludes that single page applications are well-suited for cross-platform mobile apps that avoid app stores, and that AngularJS and BreezeJS improve code testability and reduce data access code.

Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...

Learnosity

Watch the video of this session: https://youtu.be/_mVwU2qjmUw?t=1s Our code runs on your page so we have a responsibility not to hog the memory, bandwidth, and CPU cycles that you need to deliver the best experience to your users. That’s why we aim to make our APIs the fastest part of any page or product. In this session, we’ll look at some specific examples of how we keep things fast at all levels of our architecture by using only the resources that we need, when we need them. We’ll talk about how we detect performance issues, and some improvements we’d like to make in the future. We’ll also have some suggestions to help client developers get the best performance out of Learnosity’s products.

Client-side Web Performance Optimization [paper]

Jakob

This document discusses client-side performance optimizations for websites. It begins by explaining how client-side loading accounts for 80-90% of total page load time on average. It then provides an overview of tools for analyzing performance bottlenecks. The document outlines several basic optimization techniques, including reducing HTTP requests, leveraging browser caching through headers and cache busters, optimizing images, prioritizing critical resources, and improving JavaScript and CSS performance. It emphasizes the importance of measuring performance before and after making changes.

Core Web Vitals - Why You Need to Pay Attention

TAC Marketing Group

Competitive EDGE - Data Driven Differentiation

Akamai Technologies

Data Driven Competitive Differentiation "Why would customers choose you?" We all need to answer this critical question for our businesses as in today’s digital economy customers have endless choices. User Experience is one of the key pillars of competitive differentiation and brand recognition to enable you to acquire new customers and retain the existing ones as they all turn to business who make it fast, seamless and engaging for them. "Real time Data" plays a crucial role in understanding what your user's are experiencing in real time and using it to drive positive business outcomes. But more often than not we are buried under piles of siloed data but hardly any actionable information. Join us as we share how our customers are achieving their goals by understanding the relationship between Performance and Business.

Enhancing WordPress With AI Plugins Boost Efficiency & Speed .pptx

MegataskWeb

Front end development company

BrillInfosystem

Similar to Optimizing ASP.NET application performance: tough but necessary (20)

AMP in WordPress, the WordPress Way

Web Performance Optimization

Building for, perceiving and measuring performance for mobile web

Lean Quality & Engineering

SUGMEA - Sitecore JSS and Performance Optimization - Alex Shyba - Altudo

Deep crawl the chaotic landscape of JavaScript

Modern Web Applications

The need for Speed: Advanced #webperf - SEOday 2018

Winning with mobile page speed: killer technologies, tools, and tips [by Aleh...

Advanced automated visual testing with Selenium

Google at WordCamp US: Performance IS User Experience

ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...

Testing installable mobile apps analogues

Single Page Application presentation

Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...

Client-side Web Performance Optimization [paper]

Core Web Vitals - Why You Need to Pay Attention

Competitive EDGE - Data Driven Differentiation

Enhancing WordPress With AI Plugins Boost Efficiency & Speed .pptx

Front end development company

More from Sergejus Barinovas

Bringing Developers to the Next Level

Optimizing ASP.NET application performance: tough but necessary

More Related Content

What's hot

What's hot (18)

Similar to Optimizing ASP.NET application performance: tough but necessary

Similar to Optimizing ASP.NET application performance: tough but necessary (20)

More from Sergejus Barinovas

More from Sergejus Barinovas (15)

Recently uploaded

Recently uploaded (20)

Optimizing ASP.NET application performance: tough but necessary

Editor's Notes