はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Web パフォーマンスを考えていく上で、最初にアプローチするのがネットワーク処理の最適化になるだろう。ネットワーク処理というのは、リクエストを減らす だとか ペイロードサイズを減らす といった話である。 中でも、特に画像はネットワークトラフィックの大半を占めている。私は自社の Web サービスのパフォーマンス改善に取り組んできたが、どの Web サービスにおいても画像が多いだけでなく、減色 とか メタ情報の削除 といったような初歩的な最適化が出来ていないことが多い。画像の最適化に関しては Webにおける画像の最適化について考える とか 画像の最適化をCLIだけで行うgrunt-imageを作った を見てもらうとして、この記事では画像をスクロール同期でロードするアプローチについて解説する。 スクロール同期でロードするメリット ユーザーの視認領域に近づくまで画像のリクエストが発生しないので、H

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

日本語情報のキュレートされた一覧があってもいいかなと思って作った。BrickとかBosonicはどうしようかなと悩みながら一覧に入れていない。観測していない記事もいっぱいあると思うので、情報ください。 Web Components なぜ Web Components はウェブ開発に革命を起こすのか - Tender Surrender 2017年のWeb Components：新春特別企画｜gihyo.jp … 技術評論社 - gihyo.jp Web Components 周辺の仕様とかブラウザ互換性 2017年秋 - EagleLand Web Components Updates at html_modules_study 2018年のWeb標準 - gihyo.jp Custom Elements カスタム要素 v1: 再利用可能なウェブ コンポーネント - Web Fundame

CSS Audits: Taking Stock of Your Code という、CSS Auditという面白いトピックの記事を見ていて、その中に出てきたCSS Digというツールがとても便利だったので紹介する。 Peek inside CSS to uncover refactor opportunities. CSS DigはPythonで実行するツールで、対象のURLに使われているCSSの利用状況を解析して、HTMLファイルでレポートするツール。 準備と使い方 Pythonは2.7.xじゃないと動かないそうなので、パスを通しているPythonを2.7系の最新にしておく。Pythonの環境構築については pyenvを使ってMacにPythonの環境を構築する あたりを参考にどうぞ。 BeautifulSoupのインストール 依存しているライブラリをeasy_installを使ってイン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?