How can we beat the speed of light and make visits faster? Pre-fetching is one way we can make resources available before they're needed. This talk explores challenges in mobile visit performance and discusses the design of a generic pre-fetching system.
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
According to HTTPArchive.org the average web page is now larger than the original DOOM installation application. Today's obese web is leading to decreased user satisfaction, customer engagement and increased cost of ownership. Research repeatedly tells us customers want faster user experiences. Search engines reward faster sites with better rankings. Small, fast sites are cheaper to develop, maintain and operate.
- Why has the web become obese?
- What actions can developers and stakeholders do to combat their morbid obesity?
- Are these actions expensive or hard to implement?
This session reviews what customers want and how to identify your web site's love handles. More importantly you will learn simple techniques to eliminate the fat and create a healthy, maintainable, affordable web development lifestyle that produces the user experiences your customers want to engage with over and over.
Why your slow loading website is costing you sales and how to fix itstrommen
This document discusses how slow loading websites can negatively impact business by reducing conversions and increasing abandonment. It covers:
1. Research showing websites that load faster increase donations, click-through rates, and conversions while decreasing abandonment.
2. How browsers load pages over TCP and HTTP, including how objects like JavaScript, CSS, images are retrieved.
3. Methods for measuring page speed like load time, start render time, and speed index.
4. Techniques for speeding up websites like GZip compression, caching, optimizing images, bundling resources, and minimizing web fonts.
Why your slow loading website is costing you sales and how to fix itRobert Flournoy
Learn: Why your website MUST be fast to be competitive, how a page is loaded by the browser, how to measure page speed and 5 simple ways to speed up YOUR website
.
Jim Webber A Couple Of Ways To Skin An Internet Scale Catxdeimos
The document discusses various approaches to building distributed systems and integrating applications on the web. It summarizes the REST architectural style and how web services can embrace REST principles to achieve scalability, loose coupling, and other desirable properties of the web. However, many current web service and integration approaches violate REST principles by treating HTTP as just a transport and not leveraging the full capabilities of the web.
A Day Building Fast, Responsive, Extensible Single Page ApplicationsChris Love
This is an older slide deck I realized I never uploaded.
It is a slightly longer deck than the Night at the SPA deck. This features many concepts that are forerunners to the modern progressive web application.
There are slides related to web performance best practices, JavaScript architecture, responsive web design, touch and much more.
Voices that matter: High Performance Web SitesStoyan 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
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
According to HTTPArchive.org the average web page is now larger than the original DOOM installation application. Today's obese web is leading to decreased user satisfaction, customer engagement and increased cost of ownership. Research repeatedly tells us customers want faster user experiences. Search engines reward faster sites with better rankings. Small, fast sites are cheaper to develop, maintain and operate.
- Why has the web become obese?
- What actions can developers and stakeholders do to combat their morbid obesity?
- Are these actions expensive or hard to implement?
This session reviews what customers want and how to identify your web site's love handles. More importantly you will learn simple techniques to eliminate the fat and create a healthy, maintainable, affordable web development lifestyle that produces the user experiences your customers want to engage with over and over.
Why your slow loading website is costing you sales and how to fix itstrommen
This document discusses how slow loading websites can negatively impact business by reducing conversions and increasing abandonment. It covers:
1. Research showing websites that load faster increase donations, click-through rates, and conversions while decreasing abandonment.
2. How browsers load pages over TCP and HTTP, including how objects like JavaScript, CSS, images are retrieved.
3. Methods for measuring page speed like load time, start render time, and speed index.
4. Techniques for speeding up websites like GZip compression, caching, optimizing images, bundling resources, and minimizing web fonts.
Why your slow loading website is costing you sales and how to fix itRobert Flournoy
Learn: Why your website MUST be fast to be competitive, how a page is loaded by the browser, how to measure page speed and 5 simple ways to speed up YOUR website
.
Jim Webber A Couple Of Ways To Skin An Internet Scale Catxdeimos
The document discusses various approaches to building distributed systems and integrating applications on the web. It summarizes the REST architectural style and how web services can embrace REST principles to achieve scalability, loose coupling, and other desirable properties of the web. However, many current web service and integration approaches violate REST principles by treating HTTP as just a transport and not leveraging the full capabilities of the web.
A Day Building Fast, Responsive, Extensible Single Page ApplicationsChris Love
This is an older slide deck I realized I never uploaded.
It is a slightly longer deck than the Night at the SPA deck. This features many concepts that are forerunners to the modern progressive web application.
There are slides related to web performance best practices, JavaScript architecture, responsive web design, touch and much more.
Voices that matter: High Performance Web SitesStoyan 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
Minimize website page loading time – 20+ advanced SEO tipsCgColors
Website Page speed is a big ranking factor and we all know that. Google has already announced that they will give less priority to slow sites and even mark site with SLOW tag in SERPs.
Lets understand what makes your site slow and how can you make your site lightening fast..If your website is also struggling with slow page load time..checkout our tips here http://www.cgcolors.com/blog/minimize-website-page-loading-time-20-advanced-seo-tips/
You can contact our page load optimization experts - hi@cgcolors.com | 347-732-2736
Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
Web Performance is a new trend in web application performance analysis and measurement which specializes in overall user experience instead of traditional approach that primarily looks at server performance. Sergey Chernyshev will describe the differences between the two approaches, show why it is important to distinguish between performance and scalability and talk about new tools that go beyond load testing.
AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes, allowing parts of a page to change without reloading the entire page. Tuenti uses AJAX extensively to update parts of their single-page application, caching content on both client and server sides for scalability. They route requests to different server farms based on client location and cache content to improve performance. Tuenti serves billions of images per day using multiple CDNs and pre-fetches content to minimize load times.
The document discusses improving mobile web performance. It notes that mobile is different than desktop due to limitations in power, memory, battery and connections on mobile devices. Sites are growing larger in size which slows performance, and users strongly prefer faster loading sites. A variety of tools can measure performance, and waterfalls charts show where time is spent loading pages between the server and client. Optimizations discussed include enabling caching, compression, image resizing, lazy loading images, inlining images and scripts where possible, minifying assets, and delivering scripts and styles in a single HTTP request through techniques like application caching.
With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.
Web performance refers to how fast a website works for each user, not how many users it can serve. Slow websites can negatively impact user experience and conversion rates, costing companies money. Most web performance issues come from the front-end rather than the back-end. Areas to focus on for improvement include JavaScript deferral, utilizing browser caching, reducing payload size and number of requests, progressive enhancement, and back-end optimizations like caching, server configuration, and query optimization.
DPC2007 Case Study Zoom & Webwereld (Sander vd Graaf)dpc
The document discusses various topics related to optimizing performance for websites built with PHP, MySQL, and Apache. It covers bottlenecks in these technologies, as well as caching, questions from Webwereld/Zoom, and how websites like Webwereld and Zoom.nl achieve millions of pageviews through techniques like PHP optimizations, MySQL background processing, and avoiding inefficient database queries.
Apache Web Performance - Leveraging Apache to make your site FLY!
Apache is the most popular web server in the world, yet its default configuration can't handle high traffic. Learn how to setup Apache for high performance sites and leverage many of its available modules to deliver a faster web experience for your users. Discover how Apache can max out a 1 Gbps NIC and how to serve over 140,000 pages per minute with a small Apache cluster. Get happier users, more conversions, and save money with a properly setup Apache web server.
James D Bloom is a mobile web expert who focuses on high performance, reliability, wide device support, and keeping things simple. In his talk, he discusses why performance is important for mobile websites and provides strategies to improve network performance through reducing requests and bytes, increasing bandwidth efficiency, and reducing latency. He also discusses ways to improve software performance through more parallelism, faster page rendering, and faster page interaction.
This document introduces PHP and MySQL for dynamic web development. It discusses the client-server model that dynamic web applications use, with the server concentrating data storage and retrieval, and clients accessing the server via a web browser. PHP and MySQL are presented as a good combination for building dynamic databases and content-managed websites.
MeasureWorks - Why people hate to wait for your website to load (and how to f...MeasureWorks
My slides from DrupalJam 2014... About why users abandon your website and best practices to align content and speed to create a fast user experience, and continue to keep it aligned for every release
The document is a whitepaper on Magento performance optimization. It discusses how websites can slow down over time as new features are added. It emphasizes the importance of performance, noting various studies that show slow page loads negatively impact key metrics like conversion rates. The whitepaper then outlines an approach to performance optimization called a "performance budget" that focuses on loading critical content first before non-essential elements to provide the best user experience. Specific techniques are provided for optimizing content, CSS, JavaScript, servers and caches to achieve faster load times.
Web hosting involves making a website available on the internet by storing it on web servers connected to the internet. A hosting company is responsible for ensuring these web servers are reliable, fast, secure, and backed up. Cost of hosting is determined by the amount of disk space and bandwidth (data transfer) required. Disk space stores the website files and content, while bandwidth refers to the data delivered to website visitors. Hosting plans allocate an amount of each resource to account for variability in website traffic and usage.
The document provides an introduction to search engine optimization, explaining how search engines work, the basic SEO formula including keyword and competitor research and making pages search engine friendly, and various on-page and off-page optimization techniques one can use to improve search engine rankings. It also discusses myths about SEO and answers common questions, emphasizing the importance of ongoing research, content creation, and natural link building rather than manipulative tactics.
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 the Responsive Web Design Summit hosted by Environments for Humans.
Life in the Fast Lane: Speed, Usability & Search Engine OptimizationDana DiTomaso
In 2010, Google announced that site speed was a ranking factor and the reaction was a collective shrug. When you load your site in Chrome, it’s quick, right? So why worry? Mobile. We know that you bought the iPhone 5 as soon as it came out, but what about the poor sucker who’s still on a Blackberry? Did you know that every added second on load time on a mobile device causes 20% of your audience to bail? You can be #1 on Google, but if your site takes 10 seconds to load, you might as well be #10,000. And responsive design won’t save you. In this seminar, learn tactics to make your WordPress site blazing fast, including responsive designs. It’s speed, usability and SEO, mashed together in delicious harmony.
Giving and introduction to the site speed topic and talking about the limiting factors of site-speed, how site-speed can me measured and monitored, how site-speed can be connected to business metrics and finally about typical site speed optimizations.
How I learned to stop worrying and love UX metricsTammy Everts
This talk at the 2018 performance.now() conference (Amsterdam) walks through a brief history of UX and web performance research, highlighting landmark studies that helped connect the dots between performance and user experience. I also demystify the current state of performance metrics and help you understand what you need to focus on for your site and your users.
The document discusses the creation of the Nyika Foundation (NF) to provide sustainable financing and management of the Nyika Transfrontier Conservation Area (TFCA) between Malawi and Zambia. The NF aims to benefit local communities through biodiversity conservation and improving livelihoods. It will be a non-profit organization registered in the UK and operating in Malawi and Zambia, with equal representation from both countries on its governance structure comprising government, private sector, communities and international organizations. Current work includes drafting the NF profile and designing its investment strategy, with the workshop expected to provide input on success factors and training needs.
This document discusses the legal and governance issues related to establishing conservation trust funds. It outlines that the legal registration of a fund depends on the country's legal framework and may require statutes, articles of incorporation, board of directors, and recognition of public benefit or tax-exempt status. It also notes that common legal instruments for establishing funds include trust deeds, articles of incorporation, bylaws, and grant agreements. The document also provides guidance on governance best practices, such as having an independent board with diverse representation and expertise that oversees strategic planning, fundraising and operations through committees.
The Kasanka Trust was established in 1986 to protect Kasanka National Park in Zambia. It signed an agreement with Zambia's National Parks & Wildlife Service to take responsibility for financing management and control of the park, as well as tourism development. The Trust employs and trains local people as scouts, and implements outreach programs to educate communities about conservation and develop sustainable incomes. The Trust has made Kasanka an important wildlife sanctuary, tourist destination, and catalyst for conservation and rural development in northern Zambia. In 2007, the Zambian government asked the Trust to also rehabilitate nearby Lavushi Manda National Park. The Trust received a $65,000 grant to prepare a project extending its management to Lav
Minimize website page loading time – 20+ advanced SEO tipsCgColors
Website Page speed is a big ranking factor and we all know that. Google has already announced that they will give less priority to slow sites and even mark site with SLOW tag in SERPs.
Lets understand what makes your site slow and how can you make your site lightening fast..If your website is also struggling with slow page load time..checkout our tips here http://www.cgcolors.com/blog/minimize-website-page-loading-time-20-advanced-seo-tips/
You can contact our page load optimization experts - hi@cgcolors.com | 347-732-2736
Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
Web Performance is a new trend in web application performance analysis and measurement which specializes in overall user experience instead of traditional approach that primarily looks at server performance. Sergey Chernyshev will describe the differences between the two approaches, show why it is important to distinguish between performance and scalability and talk about new tools that go beyond load testing.
AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes, allowing parts of a page to change without reloading the entire page. Tuenti uses AJAX extensively to update parts of their single-page application, caching content on both client and server sides for scalability. They route requests to different server farms based on client location and cache content to improve performance. Tuenti serves billions of images per day using multiple CDNs and pre-fetches content to minimize load times.
The document discusses improving mobile web performance. It notes that mobile is different than desktop due to limitations in power, memory, battery and connections on mobile devices. Sites are growing larger in size which slows performance, and users strongly prefer faster loading sites. A variety of tools can measure performance, and waterfalls charts show where time is spent loading pages between the server and client. Optimizations discussed include enabling caching, compression, image resizing, lazy loading images, inlining images and scripts where possible, minifying assets, and delivering scripts and styles in a single HTTP request through techniques like application caching.
With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.
Web performance refers to how fast a website works for each user, not how many users it can serve. Slow websites can negatively impact user experience and conversion rates, costing companies money. Most web performance issues come from the front-end rather than the back-end. Areas to focus on for improvement include JavaScript deferral, utilizing browser caching, reducing payload size and number of requests, progressive enhancement, and back-end optimizations like caching, server configuration, and query optimization.
DPC2007 Case Study Zoom & Webwereld (Sander vd Graaf)dpc
The document discusses various topics related to optimizing performance for websites built with PHP, MySQL, and Apache. It covers bottlenecks in these technologies, as well as caching, questions from Webwereld/Zoom, and how websites like Webwereld and Zoom.nl achieve millions of pageviews through techniques like PHP optimizations, MySQL background processing, and avoiding inefficient database queries.
Apache Web Performance - Leveraging Apache to make your site FLY!
Apache is the most popular web server in the world, yet its default configuration can't handle high traffic. Learn how to setup Apache for high performance sites and leverage many of its available modules to deliver a faster web experience for your users. Discover how Apache can max out a 1 Gbps NIC and how to serve over 140,000 pages per minute with a small Apache cluster. Get happier users, more conversions, and save money with a properly setup Apache web server.
James D Bloom is a mobile web expert who focuses on high performance, reliability, wide device support, and keeping things simple. In his talk, he discusses why performance is important for mobile websites and provides strategies to improve network performance through reducing requests and bytes, increasing bandwidth efficiency, and reducing latency. He also discusses ways to improve software performance through more parallelism, faster page rendering, and faster page interaction.
This document introduces PHP and MySQL for dynamic web development. It discusses the client-server model that dynamic web applications use, with the server concentrating data storage and retrieval, and clients accessing the server via a web browser. PHP and MySQL are presented as a good combination for building dynamic databases and content-managed websites.
MeasureWorks - Why people hate to wait for your website to load (and how to f...MeasureWorks
My slides from DrupalJam 2014... About why users abandon your website and best practices to align content and speed to create a fast user experience, and continue to keep it aligned for every release
The document is a whitepaper on Magento performance optimization. It discusses how websites can slow down over time as new features are added. It emphasizes the importance of performance, noting various studies that show slow page loads negatively impact key metrics like conversion rates. The whitepaper then outlines an approach to performance optimization called a "performance budget" that focuses on loading critical content first before non-essential elements to provide the best user experience. Specific techniques are provided for optimizing content, CSS, JavaScript, servers and caches to achieve faster load times.
Web hosting involves making a website available on the internet by storing it on web servers connected to the internet. A hosting company is responsible for ensuring these web servers are reliable, fast, secure, and backed up. Cost of hosting is determined by the amount of disk space and bandwidth (data transfer) required. Disk space stores the website files and content, while bandwidth refers to the data delivered to website visitors. Hosting plans allocate an amount of each resource to account for variability in website traffic and usage.
The document provides an introduction to search engine optimization, explaining how search engines work, the basic SEO formula including keyword and competitor research and making pages search engine friendly, and various on-page and off-page optimization techniques one can use to improve search engine rankings. It also discusses myths about SEO and answers common questions, emphasizing the importance of ongoing research, content creation, and natural link building rather than manipulative tactics.
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 the Responsive Web Design Summit hosted by Environments for Humans.
Life in the Fast Lane: Speed, Usability & Search Engine OptimizationDana DiTomaso
In 2010, Google announced that site speed was a ranking factor and the reaction was a collective shrug. When you load your site in Chrome, it’s quick, right? So why worry? Mobile. We know that you bought the iPhone 5 as soon as it came out, but what about the poor sucker who’s still on a Blackberry? Did you know that every added second on load time on a mobile device causes 20% of your audience to bail? You can be #1 on Google, but if your site takes 10 seconds to load, you might as well be #10,000. And responsive design won’t save you. In this seminar, learn tactics to make your WordPress site blazing fast, including responsive designs. It’s speed, usability and SEO, mashed together in delicious harmony.
Giving and introduction to the site speed topic and talking about the limiting factors of site-speed, how site-speed can me measured and monitored, how site-speed can be connected to business metrics and finally about typical site speed optimizations.
How I learned to stop worrying and love UX metricsTammy Everts
This talk at the 2018 performance.now() conference (Amsterdam) walks through a brief history of UX and web performance research, highlighting landmark studies that helped connect the dots between performance and user experience. I also demystify the current state of performance metrics and help you understand what you need to focus on for your site and your users.
The document discusses the creation of the Nyika Foundation (NF) to provide sustainable financing and management of the Nyika Transfrontier Conservation Area (TFCA) between Malawi and Zambia. The NF aims to benefit local communities through biodiversity conservation and improving livelihoods. It will be a non-profit organization registered in the UK and operating in Malawi and Zambia, with equal representation from both countries on its governance structure comprising government, private sector, communities and international organizations. Current work includes drafting the NF profile and designing its investment strategy, with the workshop expected to provide input on success factors and training needs.
This document discusses the legal and governance issues related to establishing conservation trust funds. It outlines that the legal registration of a fund depends on the country's legal framework and may require statutes, articles of incorporation, board of directors, and recognition of public benefit or tax-exempt status. It also notes that common legal instruments for establishing funds include trust deeds, articles of incorporation, bylaws, and grant agreements. The document also provides guidance on governance best practices, such as having an independent board with diverse representation and expertise that oversees strategic planning, fundraising and operations through committees.
The Kasanka Trust was established in 1986 to protect Kasanka National Park in Zambia. It signed an agreement with Zambia's National Parks & Wildlife Service to take responsibility for financing management and control of the park, as well as tourism development. The Trust employs and trains local people as scouts, and implements outreach programs to educate communities about conservation and develop sustainable incomes. The Trust has made Kasanka an important wildlife sanctuary, tourist destination, and catalyst for conservation and rural development in northern Zambia. In 2007, the Zambian government asked the Trust to also rehabilitate nearby Lavushi Manda National Park. The Trust received a $65,000 grant to prepare a project extending its management to Lav
A communications strategy and plan are needed to promote a conservation trust fund through effective communication channels. The communications plan should clearly define desired outcomes to build support from key stakeholders like grantees, donors, and government. The communications objectives are to project an image, raise funding, develop partnerships, and increase impact. Effective communication channels include annual reports, websites, newsletters, and events, though the appropriate channels depend on the target audience.
The document discusses standard operational procedures for conservation trust funds, including defining staff roles and responsibilities through an operational manual, key documents like strategic plans and budgets, and accounting practices. It provides examples of the Brazilian Biodiversity Fund and Caucasus Protected Areas Fund, noting the former has administrative costs of 15% and priorities keeping costs low is important. Maintaining consistent operations, clear documentation, and low overhead are essential to effective conservation trust fund management.
The Kasanka Trust was established in 1986 to protect Kasanka National Park in Zambia. It signed an agreement with Zambia's National Parks & Wildlife Service to take responsibility for financing management and control of the park, as well as tourism development. The Trust employs and trains local people as scouts, and implements outreach programs to educate communities about conservation and develop sustainable incomes. The Trust has made Kasanka an important wildlife sanctuary, tourist destination, and catalyst for conservation and rural development in northern Zambia. In 2007, the Zambian government asked the Trust to also rehabilitate nearby Lavushi Manda National Park. The Trust received a $65,000 grant to prepare a project extending its management to Lav
The document discusses the establishment of a conservation area trust fund in Mozambique. It recommends creating a trust fund to provide sustainable financing for managing the country's conservation areas, with a goal of the areas no longer relying on public funds by 2015. A feasibility study determined seed funds of $100-500 million would be needed to generate $5-25 million annually for conservation area management. The project aims to develop the necessary legal and strategic frameworks to set up the trust fund.
The document discusses monitoring and evaluation (M&E) for conservation trust funds (CTFs). It explains that M&E helps CTFs understand how programs are implemented, whether grant requirements are met, and how to avoid wasting resources. General M&E involves reviewing reports, tracking spending, and field visits. There are two types of indicators for M&E - project completion indicators and biodiversity impact indicators. While M&E is important, many CTFs do not perform it well and are less inclined to do technical monitoring or comprehensive evaluations. The best practices recommend CTFs require grantees to set goals, collect baseline data, regularly report data, and measure changes
This document provides tips and tricks for optimizing web page performance and security. It discusses topics like:
- Psychological time durations and the 20% rule for perceivable time differences
- Techniques for preloading content to improve perceived performance
- The importance of response times under 100ms and rendering at 60 frames/second
- Optimizing images, fonts, CSS, JavaScript, and HTTP caching headers
- Defenses against cross-site scripting (XSS) attacks like HTTP headers and content security policy
- Mitigations for clickjacking using X-Frame-Options response headers
Web Performance tuning presentation given at http://www.chippewavalleycodecamp.com/
Covers basic http flow, measuring performance, common changes to improve performance now, and several tools and techniques you can use now.
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperOfer Zelig
We are all flooded with information: blogs, videos, millions of open source projects. In this presentation I share my insights: what are the must-know and must-have tools, frameworks and techniques you can use today (or at least know about) in order to be up-to-date.
The technology landscape is changing with every passing year. The technology landscape is changing with every passing year. More people than ever before are now online. It also means that the ways that people are accessing the web all over the world are changing, too.
In this talk, I talk about the different techniques coupled with few case studies on how to improve front-end performance.
Proven ways to improve your website performance optimizing front end and back...Katy Slemon
Looking for proven ways to improve your website performance? Check out performance optimisation tips to enhance the front-end and back-end of your application.
10 Things You Can Do to Speed Up Your Web App TodayChris Love
Web Performance is a serious issues these days. 80% of web performance issues are in the client. Many developers either do not realize what they are leaving on the table and how that affects the success of their application. These are 10 things any web developer can do in about 30-60 minutes to drastically increase page load times and thus increase the application's profitability.
10 things you can do to speed up your web app today stir trek editionChris Love
Why is Web Performance Optimization Important and what are some things developers can do to ensure their applications perform well and please end users?
Testing Drupal Site Performance Across Browsers, Geographies and NetworksAcquia
This document discusses measuring website performance across different browsers, locations, and networks. It identifies several factors that can slow down websites, such as having many page requests, large resources like images and CSS/JavaScript files, poorly optimized server configurations, and third-party plugins. The document recommends testing website performance in different environments to identify issues. It also notes that users want rich experiences but additional features can degrade performance. Overall speed and a good user experience should be design priorities.
How to be Successful with Responsive Sites (Koombea & NGINX) - EnglishKoombea
Can't decide if your organization should build a mobile app or responsive website? Do you interact with consumer-facing products or large scale developments?
This guide gives you an idea of what Responsive is, why you should use it, and then DIGS deep into the technical aspect and how to optimize for performance.
By: David Bohorquez & Rick Nelson
This document summarizes a presentation about improving WordPress performance and security. It provides tips for optimizing WordPress like avoiding unnecessary plugins, caching, image optimization techniques like sprites, and setting expiration headers. It warns that WordPress is a major target for hackers due to its popularity and that web hosts are restricting plugins for security. It emphasizes monitoring the site for changes to protect it.
WPblog's Ultimate WordPress Guide to Boost Your Website Performance Jessica Ervin
Your website performance is crucial to its success. It is essential that you analyse your website’s speed and take critical steps to improve performance metrics. If you don’t, If you don’t, not only do you lose visitors, but you might be losing a lot of business as well.
For this reason, WPblog has released a complete guide on WordPress performance optimization where you can learn how to analyse your website speed, and improve its performance.
Source: https://www.wpblog.com/ebook-library/wordpress-performance-optimization
Become an artisan web analytics practitioner by building your own analytics QA tool. For Adobe Analytics but you could do the same with Google Analytics, A/B testing, tag management, VOC tools and many other analytics tools
This is a talk given by Jason Hoffman at a workshop given by Joyent called "Scale With Rails" in 2006. There's quite a bit of prescience in this presentation, including the first documented use of ZFS in production ("Fsck you if you think ZFS isn't production") and of OS-based virtualization (zones) in the cloud (which, it must be said, was not called "cloud" in 2006).
My Site is slow - Drupal Camp London 2013hernanibf
Drupal is a powerful and flexible tool to create web applications without building everything from scratch. This ability can drive developers to build complex websites without understanding what is Drupal doing behind the scenes.
The majority of Drupal performance talks mostly focus in aspects like infrastructure changes, caching strategies or comparisons between modules and architectures. Unfortunately when performance problems occur, development teams also follow strategies to replace different aspects of the platform looking only to standard aspects like slow queries without understanding and profiling the real problem.
The majority of times it is fundamental to measure and analyze what is the application is actually doing to understand te real problems. Drupal is a platform used by million of websites worlwide and its performance can in most cases be compared after measured.
In Acquia we do dozens of performance assessments per year, and even in most clients we find the same problems, often we find situations that only can be detected when measured and analized when looking to a profiler report.
In this session, I will explain how to detect performance problems looking to simple data, from logs to profiler data and providing some nice targets that can be analyzed to understand what is causing the uncommon bad performance of a site.
Un breve viaje por la concepción del Desarrollo de Aplicaciones Web desde el clásico patrón de Aplicaciones Web de Servidor con renderización en servidor e interactividad limitada en cliente a la reciente era de las Single Page Applications con renderización en cliente, foco en la interactividad y desacoplamiento del backend hasta llegar a los actuales patrones híbridos de renderización en cliente y servidor en busca de la mejor performance, la mejor experiencia de usuario y el mejor SEO.
Developing and deploying a website with html5Chris Love
This document discusses developing and deploying websites with HTML5. It covers creating fluid responsive layouts, single page applications, and JavaScript libraries. It also discusses build and deployment processes using GruntJS to manage source code and optimize web applications.
2020 Chrome Dev Summit: Web Performance 101Tammy Everts
What do we mean when we talk about "web performance"? Why should you care about it? How can measure it? How do you get other people in your organization to care? In this workshop at the 2020 Chrome Dev Summit, I covered these questions – including an overview of the history of performance metrics, up to Core Web Vitals.
This document discusses the differences between client-side rendering and server-side rendering and their impact on search engine optimization (SEO). Client-side rendering means content is generated by JavaScript on the client-side/browser, so search engines cannot see it, negatively impacting SEO. Server-side rendering generates content on the server and sends fully rendered HTML to browsers, allowing search engines to index content. Isomorphic JavaScript is an alternative that renders content both client-side and server-side to improve performance and SEO. The document recommends determining whether to use server-side rendering or isomorphic JavaScript going forward to balance SEO and performance.
This document discusses web performance optimization techniques. It is a summary of rules for web performance by Mark Tomlinson, who has 27 years of experience in performance. Some of the key techniques discussed include reducing HTTP requests, optimizing file compression, minimizing code, improving web font and image performance, prefetching resources, avoiding unnecessary redirects, and optimizing infrastructure and databases. The document emphasizes measuring performance through load testing and monitoring to identify bottlenecks.
Responsive web design is an approach to web design that makes web pages render well on a variety of devices and screen sizes. It involves using fluid grids, flexible images, and media queries to automatically adjust for different screen sizes and devices. While the concept has existed since the early days of the web, it has grown in popularity recently due to advances in CSS3 and JavaScript that allow for more flexible and dynamic layouts. Responsive design aims to provide an optimal viewing and interaction experience across a wide range of devices by adapting the layout depending on screen size and orientation.
Similar to BD Conf: Visit speed - Page speed is only the beginning (20)
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
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
Webinar: Designing a schema for a Data WarehouseFederico Razzoli
Are you new to data warehouses (DWH)? Do you need to check whether your data warehouse follows the best practices for a good design? In both cases, this webinar is for you.
A data warehouse is a central relational database that contains all measurements about a business or an organisation. This data comes from a variety of heterogeneous data sources, which includes databases of any type that back the applications used by the company, data files exported by some applications, or APIs provided by internal or external services.
But designing a data warehouse correctly is a hard task, which requires gathering information about the business processes that need to be analysed in the first place. These processes must be translated into so-called star schemas, which means, denormalised databases where each table represents a dimension or facts.
We will discuss these topics:
- How to gather information about a business;
- Understanding dictionaries and how to identify business entities;
- Dimensions and facts;
- Setting a table granularity;
- Types of facts;
- Types of dimensions;
- Snowflakes and how to avoid them;
- Expanding existing dimensions and facts.
Digital Marketing Trends in 2024 | Guide for Staying AheadWask
https://www.wask.co/ebooks/digital-marketing-trends-in-2024
Feeling lost in the digital marketing whirlwind of 2024? Technology is changing, consumer habits are evolving, and staying ahead of the curve feels like a never-ending pursuit. This e-book is your compass. Dive into actionable insights to handle the complexities of modern marketing. From hyper-personalization to the power of user-generated content, learn how to build long-term relationships with your audience and unlock the secrets to success in the ever-shifting digital landscape.
GraphRAG for Life Science to increase LLM accuracyTomaz Bratanic
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
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.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Speck&Tech
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
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 - AuthorizationDavid Brossard
During Identiverse 2024 and EIC 2024, members of the OpenID AuthZEN WG got together and demoed their authorization endpoints conforming to the AuthZEN API
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceIndexBug
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
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.
Project Management Semester Long Project - Acuityjpupo2018
Acuity is an innovative learning app designed to transform the way you engage with knowledge. Powered by AI technology, Acuity takes complex topics and distills them into concise, interactive summaries that are easy to read & understand. Whether you're exploring the depths of quantum mechanics or seeking insight into historical events, Acuity provides the key information you need without the burden of lengthy texts.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
8. • More than just a single metric.
• How your visitors interact with your website.
• We’re talking about all the waiting time that exists:
1. within pages, while visitors wait for interactive
elements to finish loading.
2. between pages, such as when visitors traverse
a checkout flow.
VISIT-SPEED IS...
8
9. THERE’S A LOT MORE TO USER
ENGAGEMENT THAN PAGE SPEED!
User engagement is about the experience.
• experience crosses the page boundary!
We need a heck of a lot more UX research on this subject.
• but you’re not here for a UX talk!
For now, an appeal to intuition: doesn’t it seems intuitive that
people care about the speed of the entire experience?
• first load is just one step along the way.
• rough guess: I’d say it’s 1/3rd of the puzzle or less.
9
10. WHO AM I?
WHO CARES IF VISITS ARE SLOW?
WHY ARE VISITS SLOW?
PRE-FETCHING: Making Visit Faster
RESULTS & DISCUSSION
10
12. If your users spend 8s waiting for a page to
load instead of 2, here is the impact:
1,992 hours/yr
19,920 hours/yr
199,200 hours/yr
How many pageviews do you get in a month?
100,000?
1,000,000?
10,000,000?
... or about a quarter of a human lifetime
12
13. 73% of mobile internet users say they’ve
encountered a website that was too slow
to load.
Loading...
13
14. 73% of mobile internet users say they’ve
encountered a website that was too slow
to load.
Data source: kissmetrics.com
Loading...
13
15. 73% of mobile internet users say they’ve
encountered a website that was too slow
to load.
Data source: kissmetrics.com
Loading...
27% of internet users
are
LIARS
13
16. A 1 second delay in page
response can result in a 7%
reduction in conversions.
If an e-commerce site is making $100,000 per day,
a 1 second page delay could potentially cost you
$2.5 million in lost sales every year.
14
17. A 1 second delay in page
response can result in a 7%
reduction in conversions.
If an e-commerce site is making $100,000 per day,
a 1 second page delay could potentially cost you
$2.5 million in lost sales every year.
Data source: kissmetrics.com
14
19. WHO AM I?
WHO CARES IF VISITS ARE SLOW?
WHY ARE VISITS SLOW?
PRE-FETCHING: Making Visit Faster
RESULTS & DISCUSSION
16
20. Two words for you: Ilya Grigorik (https://twitter.com/igrigorik)
• http://www.igvita.com/2013/01/15/faster-websites-crash-course-
on-web-performance/
But let me briefly recap:
1. Too many HTTP requests
2. High request latency
3. Too many bytes
4. Poor resource cache settings
5. Laggy interactions
LETS START WITH THIS:
WHAT MAKES PAGES SLOW?
(especially on mobile)
17
26. WHO AM I?
WHO CARES IF VISITS ARE SLOW?
WHY ARE VISITS SLOW?
PRE-FETCHING: Making Visit Faster
RESULTS & DISCUSSION
23
27. Pre-fetch verb preeˈfech
To fetch web related resources before they are
required, the activity of which is to be
accomplished while the web browser is not
otherwise occupied, outside of the critical
rendering path of the page.
24
28. •When other performance optimizations have already been applied
•When your site has a flow
•When you use different resources on different pages of your site
• Of course this implies that you DON’T bundle all your JS into a single
file and deliver it in one go to the visitor
WHEN TO PRE-FETCH
25
29. Here’s what we need to think about
How should I
implement
pre-fetching?
What should I
pre-fetch?
PRE-FETCHING?
Do’s, Don’ts and
Test results
26
31. PRE-FETCHING
What should we pre-fetch?
There are a number of assets available to choose from: HTML,
Images, CSS & JavaScript
HTML, Images
Most large sites have thousands or tens of thousands of pages &
images. Hard problem to solve, bad worst case scenario behavior
DNS, JavaScript & CSS
This makes a lot of sense. Most sites have just a few CSS files and
less than 100 externally referenced JavaScript
28
32. HTML & IMAGES
• HTML
• would be great to pre-fetch - but many sites have uncacheable content
embedded in page HTML or poor caching rules
• complexity of overcoming CMS / eComm platform defaults prohibitive
• Images
• Most sites have lots of them
• Images are 65% of bytes on the average web page
• Seems like a great target, but which ones should you send to the visitor?
• Machine learning may help us here
• But you better have great data on your site usage
• Maybe there’s lower hanging fruit...
29
33. DNS
• DNS is great to pre-fetch
• There’s usually less than 50 DNS entries to resolve for an
entire website
• The OS will cache these entries
• All DNS entries are cacheable, at least a little bit
• Not many sites with < 1 minute DNS cache times, most are
considerably longer
• There’s even a nice easy bit of markup we an use to do it:
• <link rel="dns-prefetch" href=”...”>
30
34. CSS & JAVASCRIPT
• CSS is blocking
• Definitely great to pre-fetch it!
• But a lot of sites use a single CSS file anyway
• So just make sure you have good caching rules on this
• If you do have multiple CSS files for different parts of your flow:
definitely pre-fetch them
• JavaScript: often this is also blocking
• I think JavaScript is the “holy grail” of pre-fetching
• With JS pre-fetch we have the possibility of significantly unblocking
parts of a visit flow
• You shouldn’t have too many JS files in your site (right?)
31
35. The winners: DNS, CSS & JAVASCRIPT
• OK, now how to select which items to pre-fetch?
• For DNS and CSS you can probably just “get all the things”
• DNS resolution is cheap with good caching behavior
• CSS should be relatively small
• JavaScript: you need a short list of items
most likely to be useful during normal visit flows
32
38. HOW SHOULD I IMPLEMENT
PRE-FETCHING?
Fully integrated into webapp
•You can fully integrate pre-fetching into your platform / app
•An introspection service can analyze log data, URL visits
•Inject pre-fetching directives directly into the HTML
35
39. Pros
•You can introspect your environment
•Data sources: filesystem, web server
log files, content database, platform
(CMS, ecomm etc) APIs
•Lots of CPU power at your disposal
HOW SHOULD I IMPLEMENT
PRE-FETCHING?
Fully integrated into webapp
Cons
•If you have a complex environment
with a CDN, multiple caching layers,
databases, web platforms, this is a
serious undertaking.
•Requires integration directly into your
platform, typically this means risk and
cost.
36
40. Client side generic ( With servier-side service)
HOW SHOULD I IMPLEMENT
PRE-FETCHING?
• What if I want to create a completely generic service
• It has no knowledge of my specific app or platform
• But it can still make good recommendations
• In this model clients:
• collect information about resources they see and report back
• inject requests for resources during periods of low activity
37
41. Client side generic (With server-side service)
HOW SHOULD I IMPLEMENT
PRE-FETCHING?
• What if I want to create a completely generic service
• It has no knowledge of my specific app or platform
• But it can still make good recommendations
• In this model clients:
• collect information about resources they see and report back
• inject requests for resources during periods of low activity
38
42. Client side generic ( With servier-side service)
HOW SHOULD I IMPLEMENT
PRE-FETCHING?
Pros
• You get accurate information on
what resources visitors are
actually using
• Server-side service is
independent of all the rest of
your architecture, plays nicely
with SoA
• If it breaks, your site still works
Cons
• We’ll get to this!
39
44. PRE-FETCHING:
THE DETAILS
• Caching:
• Divining cache content
• Aging out pre-fetched items
• edge cases
• Recommendation engine
• Considerations
• Mystery time!
• What I’m working on
41
45. CACHING: DIVINING CACHE
CONTENTS
Unfortunately we cannot inspect the browser’s cache
• (yes, there are ways to make guesses)
But we can just use localStorage directly, especially for
JavaScript and CSS that have relatively few bytes.
42
46. CACHING: DIVINING CACHE
CONTENTS
Unfortunately we cannot inspect the browser’s cache
• (yes, there are ways to make guesses)
But we can just use localStorage directly, especially for
JavaScript and CSS that have relatively few bytes.
... uh-oh ....
How fast is localStorage? Doesn’t it:
• block the rendering thread?
• have unbounded worst case performance?
42
47. Yes, and you should
use it anyway.
Details at: http://www.mobify.com/blog/smartphone-localstorage-outperforms-browser-cache/
43
48. CACHING & AGING
• You will need a mechanism to manage cache
eviction
• LRU looks to be a good simple algorithm to
implement here
• Perhaps augmented to provide preferential
treatment for smaller objects
44
49. CACHING: EDGE CASES
• Whoops. You just did a full site refresh...
• Dynamically generated resources:
• susan.js, bill.js, steve.js, candace.js ...
45
50. RECOMMENDATION ENGINE
• Could use a very simple algorithm:
• Collect all the things
• Return truncated list based on frequency seen
• How big a list?
• “empirically derived” = “make wild assed guess”
• ... and test.
• Site wide / global
• More sophisticated modifications:
• ML algorithm such as K-nearest neighbor
• Weight by inverse resource size
• Resources must decay
• simplest solution is probably correct
46
53. SO, WHAT ARE YOU WORKING ON?
• Service will provide:
• a data collection endpoint for resources to generate recommendations
• a recommendation engine for resources
• As visitors browse your site, refines preferences for which resources to pre-load
• The pre-fetch library provides client-side support for
• collecting information about the page
• recommendation engine
• auto optimizing JSONP resource retrieval service
• auto-caching system using localStorage with correct cache eviction behavior
Pre-fetching recommendation as a service
48
54. WHERE AM I AT?
• Beginning “clinical trials”
• Recommendation engine still under consideration
• Testing hand-curated recommendations in field trials on production sites
49
55. WHO AM I?
WHO CARES IF VISITS ARE SLOW?
WHY ARE VISITS SLOW?
PRE-FETCHING: Making Visit Faster
RESULTS & DISCUSSION
50
60. • Network bandwidth, CPU & battery are all resources with scarcity on
mobile
• So don't use them recklessly
• That's a good reason to focus on JS & CSS
• if your site has megs and megs of JS and CSS...
• what the heck are you doing!? Stop!
• limit your pre-fetching to one or two steps ahead
• Remember that using the radio when it's warm and then letting it sleep is
going to be better for battery than waking it up repeatedly
PRE-FETCHING CONSUMES RESOURCES
55
61. • Prefetching for HTML, images
• Much harder problems
• But solving them will have significant payoffs
WHAT’S NEXT?
56