Talk at FITC Spotlight Web Performance and Optimization, March 16, 2013, Toronto.
Synopsis:
The CBC serves optimized content to millions of Canadians. We’ll share our experience & knowledge of optimizing content delivery for a high-scale & unpredictable audience. We will explain our performance stack from server-side optimization tricks to automated performance tools during deployment. We will discuss our challenges, findings and learnings of continually improving site delivery.
http://fitc.ca/presentation/the-canadian-public-broadcaster-on-a-diet-slimming-down-for-a-whole-nation/
Google Developer Days Brazil 2009 - Make your site social with Google Friend ...Patrick Chanezon
Examples and real world use case (Time.com, Huffingtonpost) of how to use Google friend Connect to make your site more social, using the javascript and rest APIs.
Government Policies - Broadcasting - Canada - Commentary and Analysis - Nove...paul young cpa, cga
This presentation will look at broadcasting industry in Canada. The analysis will look CBC as well as other broadcaster in terms of financial performance.
The presentation will also discuss tax credit programs available to promote local program including Canadian Culture
Google Developer Days Brazil 2009 - Make your site social with Google Friend ...Patrick Chanezon
Examples and real world use case (Time.com, Huffingtonpost) of how to use Google friend Connect to make your site more social, using the javascript and rest APIs.
Government Policies - Broadcasting - Canada - Commentary and Analysis - Nove...paul young cpa, cga
This presentation will look at broadcasting industry in Canada. The analysis will look CBC as well as other broadcaster in terms of financial performance.
The presentation will also discuss tax credit programs available to promote local program including Canadian Culture
Here we take a look at server log file analysis for SEO and explore not only the benefits but also the process of finding, gathering, shipping and analysing user agent logs
HTML5 seems to stuck in a rut: we got people very excited about it but at the same time we told them it doesn't work and needs a special environment and all kind of other quick shots. Now is the time to look at HTML5 closer again and take a look at where we stand. We're in good shape, we just need to look at the mirror again.
If you're running a tech start-up, it's essential that you familiarize yourself with the fundamentals of web development. Ultimately knowing how to "talk to the talk" will help you communicate better with developers, and overall just look really cool.
In this hour and a half long workshop, Chris Castiglione, experienced developer and founder of One Month Rails, will tackle some development principles and answer questions to get you on the right path, such as, "Front-end vs. Back-end?", "Is UX necessary for my project?", "What is this Javascript function thingy, and why am I passing it strange math equations to it?" He will also have you coding a bit yourself!
Leading a development team (without being a developer yourself) can sometimes feels like talking about dancing, and so this is an interactive and friendly environment in which to learn the basics. Come with questions, and a desire to have fun!
OneMonth.com
OneMonthHtml.com
OneMonthRails.com
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
Technical SEO Myths Facts And Theories On Crawl Budget And The Importance Of ...Dawn Anderson MSc DigM
There are a lot of myths, facts and theories on crawl budget and the term is bandied around a lot. This deck looks to address some of those myths and also looks at some additional theories around the concepts of 'crawl rank' and 'search engine embarrassment'.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
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.
The O'Reilly Velocity Conference Europe was held in London from 13th to 15th November 2013. In a few days I shared my notes with my fellow webspeeders at the Web Performance Barcelona Meetup. These are the slides I used.
Here we take a look at server log file analysis for SEO and explore not only the benefits but also the process of finding, gathering, shipping and analysing user agent logs
HTML5 seems to stuck in a rut: we got people very excited about it but at the same time we told them it doesn't work and needs a special environment and all kind of other quick shots. Now is the time to look at HTML5 closer again and take a look at where we stand. We're in good shape, we just need to look at the mirror again.
If you're running a tech start-up, it's essential that you familiarize yourself with the fundamentals of web development. Ultimately knowing how to "talk to the talk" will help you communicate better with developers, and overall just look really cool.
In this hour and a half long workshop, Chris Castiglione, experienced developer and founder of One Month Rails, will tackle some development principles and answer questions to get you on the right path, such as, "Front-end vs. Back-end?", "Is UX necessary for my project?", "What is this Javascript function thingy, and why am I passing it strange math equations to it?" He will also have you coding a bit yourself!
Leading a development team (without being a developer yourself) can sometimes feels like talking about dancing, and so this is an interactive and friendly environment in which to learn the basics. Come with questions, and a desire to have fun!
OneMonth.com
OneMonthHtml.com
OneMonthRails.com
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
Technical SEO Myths Facts And Theories On Crawl Budget And The Importance Of ...Dawn Anderson MSc DigM
There are a lot of myths, facts and theories on crawl budget and the term is bandied around a lot. This deck looks to address some of those myths and also looks at some additional theories around the concepts of 'crawl rank' and 'search engine embarrassment'.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
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.
The O'Reilly Velocity Conference Europe was held in London from 13th to 15th November 2013. In a few days I shared my notes with my fellow webspeeders at the Web Performance Barcelona Meetup. These are the slides I used.
Third Party Footprint: Evaluating the Performance of External ScriptsBarbara Bermes
Copy, paste, but don’t block the rendering!
It’s almost impossible to find a website that doesn’t utilize any kind of embedded widgets such as ads, social plugins, or analytics: All of these add-ons are considered 3rd party scripts and promise to increase and benefit publisher’s revenue. Publishers don’t have much control over the provider’s code and inevitably just have to trust their integrity, content security policy, code quality, and performance.
Imagine a high-traffic website hosting a twitter widget: Are publishers aware that a sudden twitter server outage could potentially bring down their site if the widget is not properly included?
The performance and availability of 3rd party scripts don’t have to become a threat or a nightmare for publishers. Barbara’s talk will not only outline best practices, tools, and tricks on how to sandbox 3rd party scripts, but also help the audience understand bottlenecks, determine potential risks, and elaborate on how to measure their performance.
Following this session, managers and developers will be equipped to ask the right questions when choosing 3rd party providers, while developers will be armed with guidelines on how to integrate 3rd party snippets efficiently into their deployment process without slowing down or even bringing down their site.
This is a summary of an excellent paper (that I didn't write) presented at the WWW 2012, Mobile Web Performance in France, April 2012.
"Who Killed My Battery: Analyzing Mobile Browser Energy Consumption"
Link: http://www2012.org/proceedings/proceedings/p41.pdf
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
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
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
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.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
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.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
The CBC on a diet - Slimming down for a whole nation
1. The CBC on a Diet
Slimming down for a whole nation
#SpotlightWPO
2. Barbara // bbinto Blake // blakecrosby
Senior Architect, Mobile Web Team Lead, Media Production Support
Digital Operations, CBC MO&T, CBC
#SpotlightWPO
3. Today’s workout
• Quick dive into web performance
• The CBC - weight problems and temptations
• How to stay in shape
• Real production exercises that worked for CBC
• Our fitness tips summarized
• Performance Quiz (if time permits)
#SpotlightWPO
10. Performance on Mobile
• Battery-driven device, heavy pages will drain
the battery (excellent paper)
• Smaller CPU
• Network connectivity / latency
• Data usage - Don't make the user pay for
bad performance
#SpotlightWPO
11. You’re dealing with impatient users
74% of mobile web users expect a page to load
in 5 seconds or less
Gomez - What Mobile Users Want
#SpotlightWPO
13. Tools, Formats and Browser Plugins
• Browser plugins
• “Waterfall” inside Firebug, Chrome etc
• PageSpeed, YSlow and YSlow Plugin for 3rd party
• HAR (ultrasound of a web page)
• Based on the HTTP Archive specification
• Captures web page loading information
in a JSON format
• Visualizing: HAR Viewer
#SpotlightWPO
16. Synthetic Testing
• You run the test
• Establish a baseline performance level
(e.g identify poor 3rd party scripts)
• Measuring one exact configuration (of your
choice)
• Pitfalls
• “[...] your real users are experiencing page load times that are
twice as long as their corresponding synthetic
measurements.” (Steve Souders)
#SpotlightWPO
17. Synthetic Testing - Tools
• PageSpeed
• Insights API
curl "https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=http://sample.com&key=yourAPIKey"
• Webpagetest.org
• Public and private instances with RESTful API
http://www.webpagetest.org/runtest.php?url=example.com&runs=3&k=apikey&f=json
• Headless Scripts and Tools
• phantomJS, confess, or write your own script
#SpotlightWPO
18. Real User Monitoring (RUM)
• User runs the test
• Measures the experience of the “actual” user
• “It is the ground truth for what users are experiencing” (Steve
Souders)
• Get concrete information about user’s
connectivity, latency, bandwidth etc.
#SpotlightWPO
19. RUM
• Based on navigation timing
!"#$%&'()&*+,$-(.(,)$
• Free Tools
• Boomerang
• Google Analytics
• Vendors
• Keynote
• New Relic
• and more...
/0123344454"5+6)3-73,&'()&*+,8*.(,)3$#SpotlightWPO
20. Canadian crown corporation
Desktop site page views ~5Mio/day
Mobile Touch site page views ~ 500K/day
Canadian Broadcasting Corporation
National public radio and television broadcaster
Kind of like the BBC
but not really - the CBC employs commercial advertising to supplement
its federal funding
#SpotlightWPO
21. Mandate: The 1991 Broadcasting Acts states
that...
"...the Canadian Broadcasting Corporation, as the national public broadcaster, should
provide radio and television services incorporating a wide range of programming that
informs, enlightens and entertains;
...the programming provided by the Corporation should:
vi. be made available throughout Canada by the most appropriate and
efficient means and as resources become available for the purpose, and
vii. reflect the multicultural and multiracial nature of Canada.”
#SpotlightWPO
25. Anatomy of a CBC page
• 3rd party scripts
• Tracking (SiteCatalyst, ComScore, ClickTale)
• Ads (GPT)
• Social plugins (Gigya)
• Content
• Global header and footer (for branding)
• Actual content to tell a story, e.g. Text, Video, Audio, Images etc.
#SpotlightWPO
42. Cookies on a Diet
• Use the path option to limit cookie scope
• Store your static assets at a different
domain (images.cbc.ca)
• Don’t use cookies for fun. Ask: Do you really
need them?
#SpotlightWPO
44. Temptations
Let’s use those
Yeah yeah, 2MB retina I want to
I’ll optimize images for use that
later every cool new
platform plugin I just
found
Sure, I’ll add Wait....I just want to
that new make it pretty (and
social media prettier)
plugin
#SpotlightWPO
46. Monsters?
• Kinds of monsters
• Ads, tracking, social buttons
• They are unpredictable, scary, disruptive,
sneaky and
• Could slow down your site
• Could bring down your site (Single Point of Failure)
• Could do things you don’t want them to do
• Add weight and complexity to your page
#SpotlightWPO
47. What would a life without ads feel like....????
#SpotlightWPO
49. CBC without mobile touch ads....
• Using server-side ads code over client-side
code saved us ~20% of load time
• Using no ads in comparison to client-side
ads reduced our load time by ~40%
#SpotlightWPO
58. Create your own perf dashboard
• Run WebPageTest on your own server and
export HAR files
• Automate your test runs
• Use js tools to visualize (Google chart tools,
d3.js)
#SpotlightWPO
59. Create your own perf dashboard
• JavaScript based tools
• PhantomJS: headless webkit with JavaScript API
• CasperJS: navigation scripting and testing utility for PhantomJS
• boomerang.js (JavaScript library for RUM): measures the page
load time experienced by real users
#SpotlightWPO
63. Front-End
• Conditional loading
• Be careful on the 3rd party scripts (SPOF)
• Avoid re-rendering DOM elements
• Use data:uri
• Encoded in base 64 format
• For example, can be used to replace background images < 2kB
#SpotlightWPO
64. data:uri
• Task: CBC Gem
• Performance test 30px
• no background image, pure CSS
• png background image inside CSS 30px
• data:uri (encoded png as base 64)
inside CSS
• Conditions
• all minified, concatenated, compressed
#SpotlightWPO
68. Performance comparison
pure CSS PNG in CSS data:uri in CSS
HTTP requests 2 3 2
Bytes in kB 4.1 2.9 3.3
Load Time
0.303s 0.389 0.26
(Median)
#SpotlightWPO
69. Server and Back-End
• Last mile acceleration (use
GZip compression)
• Take advantage of a CDN,
if possible
• Only use cookies where
necessary
• Caches are your friend
#SpotlightWPO
71. Server-side Optimization & Device
Detection
• Decide on the server what to serve
• Different websites (Text, Rich, Touch) for optimized experience
• Optimized and different images for all of our 3 mobile sites
• Edge side include technology (ESI) for device
detection and/or conditional loading
#SpotlightWPO
72. Responsive Web Design and Web Performance
“72% of the sites using responsive design don't optimize for mobile” (Guy Podjarny)
(86% in 2012)
#SpotlightWPO
73. How about RESS?
• Responsive Web Design with Server Side
Components
• Heavy resource lifting should be done on the
server
#SpotlightWPO
74. Second Screen Example - RESS
Touch Mobile Tablet Desktop
low-res images and mobile ads retina high-res images and mobile ads high-res images and fullsite ads
#SpotlightWPO
86. Global Shell
• Shared by all
• Visual representation
• Non-visual representation
• SSI variables in header to serve ads and tracking
• Global scripts and stylesheets
• SiteCatalyst and ComScore
#SpotlightWPO
88. How did we improve? Simple!
• Re-factored code: Removed old/un-used
code
• Moved some scripts to the bottom of page
• Minified and concatenated scripts and CSS
files to reduce file size and HTTP requests
#SpotlightWPO
89. How did we improve?
• Why optimizing manually if you can just
automate it
• Included performance optimization into your
deploy and release process
#SpotlightWPO
90. Automated & Built-in Performance Tips
• Maven, Ant Tools and Plugins
• Closure Compiler (Google)
• Minify-maven-plugin
• HTMLCompressor
• Confess
• cssembed.jar for data:uri
#SpotlightWPO
91. Automated & Built-in Performance Tips
• If you can’t / don’t want to use Maven / Ant
• Taskrunners and Scaffolding: Grunt, Yeoman
• Continuous integration
• Jenkins and Hudson
#SpotlightWPO
94. Global Shell
Area Before After Improvement (in %)
HTTP
24 18 25
Requests
Page Weight 71.9kB 69.8kB 3
Page Load* 3.16s 1.91s 40
*Page load depends on connection and latency #SpotlightWPO
95. If you don’t monitor your weight, you can also
make it worse...
...and you’ll get unexpected visitors again ..yo-yo effect
#SpotlightWPO
98. A user who has to endure an 8-second
download delay spends only 1% of
their total viewing time looking at the featured
promotional space on a landing page.
In contrast, a user who receives
instantaneous page rendering spends
20% of viewing time within the
promotional area (source: Nielsen)
#SpotlightWPO
110. Performance Budget
• Be diligent and cautious about new features
• Set a baseline / weight (e.g. BBC 10 seconds on 3G/GPS)
• Evaluate a good conversion rate, cost vs. revenue
• Visit HTTP Archive for comparison
• Always evaluate what you can take away (content breakdown)
#SpotlightWPO
111. Samples of Performance Budget
• Set a budget for 3rd party scripts
• “Should not weigh more than ...”
• Evaluate the need for frameworks
• Run quick performance tests on mocks
#SpotlightWPO