Performance Optimization in React Context
A lot of people use React context as some kinds of build-in redux. Jack is one of them. Jack combined all global state to get a big object to get a ‘single source of data’ and put it into a provider. Then he went to a child component, call useContext and pick properties from the context. Everything seems worked fine until one day he found the app is too slow to use. A Bad Example Consider the foll
How Medium does progressive image loading
tl;dr: Medium uses a technique called progressive image loading to improve the performance and user experience of its website. This involves loading low-resolution versions of images first, and then gradually replacing them with higher-resolution versions as they become available. This allows users to see images on the page more quickly, without having to wait for all of the high-resolution versio
Essential Image Optimization
Nothing compares to the excitement of hitting it lucky at an online casino and making a sizable profit off of modest bets. The best online casino enhances the familiarity and useful adaptability of classic casino games. You can employ large bets and gain access to several bonuses when you play with high stakes and earn huge payouts. We choose the best online casinos: Nine, Sportaza, Viggoslots, M
React at 60fps | HackerNoon
Too Long; Didn't ReadReact is an abstraction over the DOM and as any abstraction, it has its costs and limitations that you may hit sooner or later. Understanding and being able to overcome such limitations are important parts of working with an abstraction. React is an abstraction over the DOM and as any abstraction, it has its costs and limitations that you may hit sooner or later. Understanding
Instant Mobile Web Apps: Chrome Dev Summit 2013
Instant mobile web apps #perfmatters Bryan McQuade Software Engineer
Preload CSS/JavaScript without execution
Preloading components in advance is good for performance. There are several ways to do it. But even the cleanest solution (open up an iframe and go crazy there) comes at a price - the price of the iframe and the price of parsing and executing the preloaded CSS and JavaScript. There's also a relatively high risk of potential JavaScript errors if the script you preload assumes it's loaded in a page
High Performance Web Frontend
★追記： https://speakerdeck.com/ahomu/high-performance-web-frontend-2013-qiu のほうがブラッシュアップ版です WCAN 2013 Summer (7/6) で行われた、"High Performance Web Frontend"のセッション資料です。Network 1 : Render 2 : Compute 1 くらいの割合で、各パフォーマンス要因についてお話しました。
Deploying New Image Formats on the Web - igvita.com
By Ilya Grigorik on December 18, 2012 An average page is now over 1200kB in size and 60% of that is in images. With all the focus on performance and speed across the web performance industry, you would think that innovating on better image formats would be a top agenda item. Not so. Instead, we are living in a self-imposed world of scarcity of formats, effectively limiting ourselves to gif’s, png’
A guide to PNG optimization
1. Background 1.1 The PNG file format The Portable Network Graphics (PNG) is a format for storing compressed raster graphics. The compression engine is based on the Deflate method [RFC1951], designed by PKWare and originally used in PKZIP. The PNG format is defined by the PNG Specification. This specification was developed by an ad-hoc group named the PNG Development Group, and it is both an Inter
ImperialViolet - Overclocking SSL
(This is a write up of the talk that I gave at Velocity 2010 last Thursday. This is a joint work of myself, Nagendra Modadugu and Wan-Teh Chang.) The ‘S’ in HTTPS stands for ‘secure’ and the security is provided by SSL/TLS. SSL/TLS is a standard network protocol which is implemented in every browser and web server to provide confidentiality and integrity for HTTPS traffic. If there's one point tha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Rally: Animated -- React Performance Toolbox
Using Zopfli to Optimize PNG Images
Modern PNG compressors // Speaker Deck
GitHub - geuis/helium-css: Helium - javascript tool to scan your site and show unused CSS
Breaking the 1000 ms Time to Glass Mobile Barrier
GitHub - shibukawa/lightpng: PNG optimization tool for game graphics
svg/svgo: Nodejs-based tool for optimizing SVG vector graphics files.
http://macscripz.com/Home.html
http://sitaramc.github.com/gitolite/bc.html
JPEGmini | Leading JPEG Compressor & Image Size Reducer
