Reflowを制するものはDOMを制す - Qiita
すごい記事が1日目2日目で来ている中で恐縮ではありますが、フロントエンドJavaScriptでパフォーマンス点から気にしたほうがいい部分について書いてみることにします。 DOM律速になるケースもある よく「JavaScriptが遅い」ということも多いのですが、具体的にはどのあたりが遅くなってくるのでしょうか. 純粋にJavaScriptのスクリプト処理が遅い…最近はブラウザ自体も高速化しては来ましたが、それを追いかけるようにJavaScriptの巨大化も進んでいます。ただし、純粋にプログラム言語的な処理なら、Web Workerに振ることで並列化が可能です。 Ajaxや画像読み込みなどの通信が遅い…サーバ側で高速化する手もありますが、状況によってはJavaScriptで先読みを始めておいて、体感時間を短くすることも可能かもしれません。 DOM操作・表示が遅い…これについて今回考えてみます。
Web Assembly BlinkOn 5
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Client-Side Data Storage
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Book description One of the most useful features of today’s modern browsers is the ability to store data right on the user’s computer or mobile device. Even as more people move toward
What forces layout/reflow. The comprehensive list.
what-forces-layout.md What forces layout / reflow All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck. Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for a
Automated testing in Yahoo Mail | Yahoo Engineering
We blogged about the evolution of Yahoo Mail to React + Flux and Node.js. It is important to focus on building a strong foundation when you are building a new platform and having a robust test infrastructure is a big part of the foundation. Yahoo Mail today relies on automated testing on our Continuous Integration pipeline before we deploy changes to production. We run Cucumber and Waitr-Webdriver
Modernizr 3: A new release and website
MENUAfter what appears an eternity to us and the wider development community we are ecstatic to announce the release of Modernizr 3.0! This is a massive release and from our last release almost 2.5 years have passed - an unacceptable timeline. We plan to fix this and have faster releases where it makes sense. What's new and exciting?A lot! We restructured how we write our detects. we no longer hav
ES6 Feature Performance
With ES6 features landing quickly in native browsers and readily available for use through Babel and Traceur, it seemed like it was time to look not just at support, but also the performance impact of using these features under the current implementations. While there is great promise for the future, the picture of ES6 feature performance today is very muddled and depends on the specific feature b
AWS Lambdaをブラウザから実行する。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AWS LambdaのファンクションをAPI的に使えないか AWS LambdaはAmazonのクラウド型アプリケーション実行のプラットフォームですが、発表されてからWebアプリのAPI的な使い方はできないのか？と思っていました。 公式のドキュメントでもモバイルアプリから実行できると書いてあるので、ブラウザからも実行できそうですが、公式サイトをみても具体的な方法を探せず、実例を検索してもなかなか出てこない。 しかし、本サービスに移行時のアップデートで、AWS SDK for JavaScript in the Browserから実行でき
deepstream.io - the open realtime server
the open realtime servera fast and secure data-sync realtime server for mobile, web & iotget started Why deepstream?deepstream allows clients and backend-services to sync data, send events and more with a heavy focus on security. Configure everything server side without writing a line of code while still connecting to your favorite cache, database, message bus and more. records realtime document s
Safari web extensions | Apple Developer Documentation
Create web extensions that work in Safari and other browsers.
Opera News
Desktop Get Spotify Premium with Opera One R2’s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2. Desktop Opera brings home pair of Lovie Awards November 8th, 2024 Hey all, We’re excited to announce that Opera has won two 2024 Lovie Awards! The Lovies recognize “European Internet excellence... Desktop Opera launches Opera One R2 – the best Opera Browser
Making a Silky Smooth Web
You should use <insert library / framework here>, it's the bestestest!
ブラウザでビジュアルテストをするreftest-runnerを作った
概要 reftest-runnerというブラウザで描画内容やレイアウトといった表示結果をテストするためのライブラリを作りました。 要素技術としてはブラウザ、WebDriver API、レンダリングキャプチャ、画像Diffという感じです。 azu/reftest-runner 時間が無い人向け 以下のスライドに簡単にreftest-runnerやreftestとはなにか、どういうユースケースがあるのかが書いてあります。 reftest-runner-overview.pdf reftestとは reftest(Referrence Test)とは、2つのHTMLの表示結果(スクリーンショット)を比較することで表示結果が意図したものかをテストする方法です。 用意するHTMLとして以下の2種類を1セットとして用意して利用します。 テスト用HTML テストしたい機能を使って実装したHTML リファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Testing in a real browser with Sauce Labs on Travis CI
GitHub - rollup/rollup: Next-generation ES module bundler
GitHub - azu/browser-resources: A Collection of official Resources/Status/Issues for browsers.
GitHub - MicrosoftDX/Vorlonjs: A new, open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io
JavaScript for Internet Explorer 9 Beta
GitHub - stacktracejs/error-stack-parser: Extract meaning from JS Errors
shout-irc.com