ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 （A） リンクをたどってページを遷移する （B） ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移（ブラウザバック） 「進む」による遷移（ブラウザフォワード） Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも
bundlejs - Online bundler + npm package size checker
When bundling packages that also export CSS and other external files, bundlejs.com now checks the gzip/brotli size of these external files, even though it won't output any code. Keep this in mind this isn't a bug, however, if it causes confusion I am willing to change this behaviour. Treeshaking is available, but not all CDNs support access to each packages package.json so there might be slight pa
Gotta pack 'em all! | Packemon
PackemonScaffold, build, and maintain npm packages using standardized configurations and practices. Supports JavaScript and TypeScript. 📦 Zero-config packagesNo longer fiddle with Babel, Rollup, Webpack or other tooling configurations. Packemon configures packages automatically using sane and common defaults. 🧩 Multiple platformsSupport either or both Node.js and Web based platforms on a per-pro
How to Eliminate Render-Blocking Resources: a Deep Dive
You might be here because Lighthouse told you to "eliminate render-blocking resources". Render-blocking resources are a common hurdle to rendering your page faster. They impact your Web Vitals which now impact your SEO. Slow render times also frustrate your users and can cause them to abandon your page. I worked with one client to reduce their render-blocking resources and improved their site load
tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | tRPC
Move Fast and Break Nothing. End-to-end typesafe APIs made easy.Experience the full power of TypeScript inference to boost productivity for your full-stack application.
Cypress vs Selenium vs Playwright vs Puppeteer: Speed
Table of contentsWhy compare these automation tools?Methodology, or how we ran the benchmarkThe resultsConclusionOur recent speed comparison of major headless browser automation tools, namely Puppeteer, Playwright and WebDriverIO with DevTools and Selenium, received a very positive response. The single most common ask from our readers was that we follow up by including Cypress in our benchmark. In
Nullstack - Feature-Driven Full Stack JavaScript Components
Feature-DrivenFull Stack JavaScript ComponentsNullstack is a web framework that makes coding fun again. Write the backend and frontend of a feature in a single isomorphic component with zero boilerplate or glue code. class WaifuCounter extends Nullstack { // runs in the server static async getWaifus({ database }) { const sql = "SELECT COUNT(*) FROM WAIFUS"; return database.query(sql); } // runs in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Check if page gets reloaded or refreshed in JavaScript
GitHub - xataio/screenshot: A zero-dependency browser-native way to take screenshots powered by the native web MediaDevices API.
GitHub - shiguredo/media-processors: Media Processors
GitHub - niksy/isomorphic-timers-promises: `timers/promises` for client and server.
Release 7.6.0 · cypress-io/cypress
(PDF) COSMICDUKE Cosmu with a twist of MiniDuke - F-Secure
GitHub - willmendesneto/perf-marks: The isomorphic, simplest, and lightweight solution for User Timing API in Javascript - 🚀 only 208B 🚀. Tree-shaking and entry points built-in. Simple as that!
GitHub - foliojs/fontkit: An advanced font engine for Node and the browser
GitHub - wilddeer/Sniffer: browser/engine/os/device detection tool
Document: characterSet プロパティ - Web API | MDN
GitHub - sorry-cypress/sorry-cypress: Open-source, free, self-hosted alternative to Cypress Dashboard
GitHub - lukeed/uvu: uvu is an extremely fast and lightweight test runner for Node.js and the browser
GitHub - GoogleChromeLabs/browser-fs-access: File System Access API with legacy fallback in the browser
