Ayumu Sato ahomu

#Frontend Performance Tuning TIPS * n

Webフロントエンドのパフォーマンスは、ユーザーにとってファーストインプレッションであり、そのプロダクトを使い続けるときのパートナーでもあります。本セッションでは、ユーザーにとって、よきフロントエンドであるためのチューニングTipsをご紹介します。チューニング自体に銀の弾丸はありません。これらのTipsが生まれた背景と取捨選択の判断を共有することで、みなさんのチューニングの助けになれば幸いです。

##Links

	<link rel="import" href="../google-map/google-map-search.html">
	<link rel="import" href="../google-map/google-map.html">
	<link rel="import" href="../paper-slider/paper-slider.html">

	<polymer-element name="my-element">

	<template>
	<style>
	:host {
	position: absolute;

	<link rel="import" href="../core-item/core-item.html">
	<link rel="import" href="../core-scaffold/core-scaffold.html">
	<link rel="import" href="../core-header-panel/core-header-panel.html">
	<link rel="import" href="../core-menu/core-menu.html">
	<link rel="import" href="../core-icon-button/core-icon-button.html">
	<link rel="import" href="../core-toolbar/core-toolbar.html">
	<link rel="import" href="../core-menu/core-submenu.html">
	<link rel="import" href="../core-field/core-field.html">
	<link rel="import" href="../core-icon/core-icon.html">
	<link rel="import" href="../core-input/core-input.html">

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Test</title>
	</head>
	<body ng-app="mu.aho">
	<div ng-controller="AcmeCtrl">
	<h1>ふぁきゅー</h1>
	<ul ui-sortable="sortableOptions" ng-model="items" id="list">

	{
	"requireCurlyBraces": [
	"if",
	"else",
	"for",
	"while",
	"do",
	"try",
	"catch"
	],

	<?php
	if (!empty($_FILES)) {
	echo(json_encode($_FILES));
	} else {
	?>
	<!doctype html>
	<html lang="ja">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1">

	var thunk = require('thunkify');
	var delay = thunk(function(cb) {
	setTimeout(function() {
	console.log('delay end');
	cb();
	}, 1000);
	});

	var n = delay()

	var co = require('co');

	var stack = [
	function *first(next) { // second generator
	console.log('1 prev');
	yield next; // second に delegate
	console.log('1 next');
	},
	function *second(next) { // third generator
	console.log('2 prev');

	<?php

	class AAPP_JSONProvider extends ACMS_APP
	{
	public $version = '0.1';
	public $name = 'ACMS JSON Provider';
	public $author = 'mu.aho';
	public $desc = 'a-blog cms のデータをJSON APIとして扱うための拡張です';
	/**
	* インストールする前の環境チェック処理

	none
	Draw 0.3790s
	Clip Rect 0.0030ms
	Restore 0.0010ms
	Save 0.0000ms
	Other 0.0000ms
	Total 0.3830


	dotted