JS Self-Profiling API In Practice
Nic Jansma (@nicj) is a software developer at Akamai building high-performance websites, apps and open-source tools. Table of Contents The JS Self-Profiling API What is Sampled Profiling? Downsides to Sampled Profiling API Document Policy API Shape Sample Interval Buffer Who to Profile When to Profile Specific Operations User Interactions Page Load Overhead Anatomy of a Profile Beaconing Size Comp
HTML and CSS techniques to reduce your JavaScript
Anthony Ricaud (@anthony_ricaud) is a web engineer helping teams ship efficient products at a sustainable pace. With a broad understanding of web protocols and browsers, he likes to design simple but fast web architectures. Longer page load times Page is unusable until the JavaScript loads and if it does so without any errors Usability, reactivity and accessibility can be lacking without a team wi
The unseen performance costs of modern CSS-in-JS libraries in React apps
Aggelos Arvanitakis (@AggArvanitakis) is a front-end dev that likes huskies and is afraid of bees. Interested in all things perf... CSS-in-JS is becoming a popular choice for any new front-end app out there, due to the fact that it offers a better API for developers to work with. Don’t get me wrong, I love CSS, but creating a proper CSS architecture is not an easy task. Unfortunately though, besid
Reading a WebPageTest Waterfall Chart
Matt Hobbs (@TheRealNooshu) is Head of Frontend Development at the Government Digital Service (GDS), a unit of the Government of the United Kingdom's Cabinet Office tasked with transforming the provision of online public services. An experienced frontend developer, he is passionate about using his skills to build accessible and performant user interfaces. He makes a point of keeping on top of the
JavaScript component-level CPU costs
Stoyan (@stoyanstefanov) is a Facebook engineer, former Yahoo!, writer ("JavaScript Patterns", "React: Up and Running"), speaker (JSConf, Velocity, Fronteers), toolmaker (Smush.it, YSlow 2.0) and a guitar hero wannabe. Let’s talk a bit about keeping tabs on how much CPU is consumed by an application’s JavaScript. And let’s frame the discussion around components – the atomic building blocks of the
The ugly truth about optimising beautiful images
Michael Gooding (@Michael_G_81) is a performance Geek at Akamai, working with customers, staff and basically anyone that will listen. A premature grumpy old man, slow websites just add to the grumpiness and grey hairs. Read any performance blog or attend any performance talk and everyone will advise you that optimising images is the best place to start (insert the ever present low hanging fruit ph
Forgotten facts while measuring Performance
Ramya R Moorthy is a Performance Architect with 15+ years experience in Performance & Capacity management space. She is a blogger, conference speaker & CMG Mullen award holder for the year 2017. She offers consulting & training through her startup. She also runs an online Performance Academy for Performance Engineers. We are in the era where everyone involved in SDLC understands their role in buil
Clearing cache in the browser
Andrew Betts (@triblondon) is a web developer and principal developer advocate for Fastly, working with developers across the world to help make the web faster, more secure, more reliable and easier to work with. He founded a web consultancy which was ultimately acquired by the Financial Times, led the team that created the FT's pioneering HTML5 web app, and founded the FT's Labs division. He is a
Evolution of <img>: Gif without the GIF
Colin Bendell is a performance and ideas junkie. He is co-author of O'Reilly's High Performance Images and part of the CTO Office at Cloudinary. tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with <video> is better but has perf. drawbacks: not preloaded, uses range requests Now you can <img src=".mp4">s in Safari Technology Preview Early results show mp4s in <img> t
Make your mobile pages render in under one second
Bryan McQuade (@bryanmcquade) leads the Page Speed team at Google. He has contributed to various projects that make the web faster, including Shared Dictionary Compression over HTTP and optimizing web servers to better utilize HTTP. Over the past few years, we’ve made great strides in understanding and optimizing mobile web performance. However, for the most part, mobile web browsing continues to
The viewport doesn’t matter anymore
David Fox (@theobto) is a developer with a love of psychology, performance and their intersection: Humanizing web pages. He currently works for LookZook: a company providing highly visual, web performance metrics for users varying from developers to CMOs. As mobile growth accelerates, the value of single-minded viewport optimization has diminished. The way you approach web page optimization requir
Speed Index Tips and Tricks
Joseph Gannon (@speedyux) is a UX professional with 20 years experience in information architecture, interactive design, and usability research. Joe has crafted desktop and mobile solutions for Fortune 500, global accounts and mid-size companies. Projects have spanned across numerous industries from transportation services to e-commerce, government and non-profits. His interests include evangelizi
Prefer DEFER Over ASYNC
Steve works at SpeedCurve on the interplay between performance and design. He previously served as Google's Head Performance Engineer, Chief Performance Yahoo!, and Chief Performance Officer at Fastly. Steve has pioneered much of the work in the world of web performance. He is the author of High Performance Web Sites and Even Faster Web Sites. He is the creator of many performance tools and servic
Image Optimization
Firefox and IE8 need to be served the JPEG or PNG fallback. While both Safari and Firefox are experimenting with supporting WebP images, there is no indication that support is forthcoming, according to CanIUse.com. There are some great online tutorials for media queries, <picture> and srcset if you want to dig deeper and implement any of these newer but well-supported features. Almost unlimited co
Speed Versus Speed to Market
Jeremy Wagner (@malchata) is a professional front end developer living in the frozen wastes of Saint Paul, Minnesota. He is the author of Web Performance in Action from Manning Publications. You can see what he's up to on his blog, or on Twitter @malchata. When tasked to develop new projects, conscientious developers do all they can to ensure that the sites they make are as performant as possible.
Progressive jpegs: a new best practice
Bandwidth-wise, images are hogs. They are the largest average web site payload (62%), and they are most often the content bottleneck. When images arrive, they come tripping onto the page, pushing other elements around and triggering a clumsy repaint. They come “chop chop chop chop chop downâ€� or you get nothing until suddenly “boom!â€� out of nowhere there it is. We all know what I’m talking abou
Tips For Optimising SVG Delivery For The Web
Sara Soueidan (@SaraSoueidan) is a freelance front-end web developer from Lebanon — focusing on HTML5, SVG, CSS3 and JavaScript. She loves writing and teaching and has combined both into writing articles and tutorials about front-end web development on her blog. She's a writer for various online magazines and for Codrops, where she is also an author and team member. SVGs are a great asset in our r
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
