Tenjin - the fastest template engine in the world

The Fastest Template Engine in the World

Makoto Kuwatahttp://www.kuwata-lab.com/

Tenjin

YAPC::ASIA 20081

Agenda

‣ Introduction

‣ Features

‣ Preprocessing

‣ Conclusion

Introduction

YAPC::ASIA 20083

Tenjin - a template engine‣ Very fast•About x5 faster than Template-Toolkit

‣ Full-featured•Layout, partial, capturing, ...

‣ Easy to use•You can get all power of Perl

‣ Multi-language•Perl, Python, Ruby, PHP, JavaScript

Example (html template)

Perl statements

Perl expression

Perl expression(with html escape)

Example (converted script)

my @_buf = (); push(@_buf, q`<table>`, ); my $i = 0;for my $item (@$items) { $i++;push(@_buf, q` <tr> <td>`, $i, q`</td> <td>`, escape($item), q`</td> </tr>`, ); }push(@_buf, q`</table>`, ); join('', @_buf);

Returns joined String

Escape function is changeable

Temporary list

Example (main program)

## create engineuse Tenjin;$Tenjin::USE_STRICT=1; # optionalmy $engine = new Tenjin::Engine();

## render template with context datamy $context = { 'items' => ['<AAA>','B&B','"CCC"'] };my $output = $engine->render('ex.plhtml', $context);print $output;

Choosable to use strict or not

Example (output)<table> <tr> <td>1</td> <td><AAA></td> </tr> <tr> <td>2</td> <td>B&B</td> </tr> <tr> <td>3</td> <td>"CCC"</td> </tr> </table>

Spaces around '<?pl .. ?>' are trimmed

[=expression=] is html escaped

Benchmark

Tenjin 10.4 5.7Template::Toolkit (XS) 103.6 26.3

HTM::Template 46.7 30.2Velocity 1.5 (Java) 20.8 8.4

Template Engine Test#1 Test#2

(sec)• Generates a 400-line HTML page 10,000 times• Test#1 generates template objects for each time (like CGI)• Test#2 uses the same template object for each time (like modperl)• Environment: MacOS X 10.4, Intel CoreDuo 1.83GHz

Benchmark

Tenjin TT H::T Velocity

Test#1 Test#2Pages/sec

Why so fast?

‣ Tenjin uses Perl as the template lang

•Perl is fast, rich, and easy to learn (because you already know it!)

‣ Other template engines have their own template languages

•Slow, poor, and you have to learn them

Impact to app speed (1)

before

0 25 50 75 100

• Assume that the view-layer costs 25%.• Making view-layer 5 times faster results in a 25% speed increase.

25% faster!

Impact to app speed (2)

before

0 25 50 75 100

• Assume the view-layer costs 60%.• Making the view-layer 6 times faster results in a 100% speed increase.

100% faster!

Features

YAPC::ASIA 200814

Features‣ Nestable layout

templates

‣ Include partial templates

‣ Capture a part of output

‣ Override a part of layout template

‣ Script cache into file & memory

‣ Template arguments

‣ Retrieve only code from template

‣ Syntax checking

Nestable layout template

<html> <body>[==$_content=] </body></html>

<div>[==$_content=]</div>

Parent layout Child layout Content

<p>Hello [=$user=]!</p>

• Nestable to any depth• Able to specify parent name in child

(useful to change the layout for a specific page)

Include partial template

<?pl $_context->{val}='Create'; ?><form action="create"><?pl include('form.plhtml'); ?></form>

create.plhtml

<?pl $_context->{val}='Update'; ?><form action="update"><?pl include('form.plhtml'); ?></form>

update.plhtml<input><select><textarea>

form.plhtml

Capture & overwrite

<?pl if (!captured_as('head')) { ?><h1>[=$title=]</h1><?pl } ?>

Layout

<?pl start_capture('head'); ?><h1 class="h1">[=$title=]</h1><?pl stop_capture(); ?>

Content

Capturing

Overwritten if captured in child template

Script cache

Template

Script(Perl,Ruby,JS,...)

Closure, Proc

Cache script into file(minimize cost of conversion)

Cache script into memory(as fast as function/method)

Template arguments

<?xml version="1.0" ?><?pl #@ARGS title, items ?><h1>[=$title=]</h1>

my @_buf=(); push(@_buf, ...);my $title = $_context->{title}; my $items = $_context->{items}; push(@_buf, ...);

Script

Template

Retrieve code

$ cat file.plhtml

Retrieve code

my $i = 0; for my $item in (@$items) { $i += 1;

$i; escape($item);

$ pltenjin -bS file.plhtml

Retrieve only Perl code

Retrieve code

my $i = 0; for my $item in (@$items) { $i += 1;

$ pltenjin -bX file.plhtml

Retrieve only statements

Retrieve code

1: 2: my $i = 0; 3: for my $item in (@$items) { 4: $i += 1; 5: 6: 7: 8: 9: }10:

$ pltenjin -bXN file.plhtml

Add line numbers

Retrieve code

1: 2: my $i = 0; 3: for my $item in (@$items) { 4: $i += 1;

$ pltenjin -bXU file.plhtml

Compress empty lines

Preprocessing

YAPC::ASIA 200826

What is Preprocessing?

Template

Script(Perl,Ruby,JS,...)

Output(html)

convert

render

Logics are executedwhen rendering

Execute some logicswhen conversion(preprocessing)

Stages

<p>[=$DOMAIN=]</p> <p>[*=$DOMAIN=*]</p>

preprocess

convert

<p>example.com</p>

push(@_buf, q`<p>`, $DOMAIN, q`</p>`, );

render

<p>example.com</p>

convert

push(@_buf, q`<p>example.com</p>`, );

preprocessing disabled preprocessing enabled

render

<p>example.com</p>

Merits & Demerits

‣ Merits

• Makes view-layer much faster

• Removes costs of I18N/L10N, helper functions, and so on.

‣ Demerits

• Complex

• Hard to debug (line number will be changed)

• Expensive learning cost

Notation

‣ <?PL ...statements... ?>

‣ [*== ...expression... =*]

‣ [*= ...expr (with html escape)... =*]

‣ _p("expression"), _P("expression")•returns "[=expression=]", "[==expression=]"

I18N & L10NTemplate

Preprocessed

[=i18n('Hello')=] [=$name=]![*=i18n('Hello')=*] [=$name=]!

[=i18n('Hello')=] [=$name=]!こんにちは [=$name=]!

push(@_buf, i18n('Hello'), ' ', $name, '!こんにちは ', $name, '!', ); ...

Converted Script

Remove I18N overhead

preprocess

convert

Helper functions[*= link_to(_P('$item->{name}'), { action=>'show', id=>_p('$item->{id}') }) =*]

Eliminates cost of helper funcions

_p('x') <=> [=x=], _P('x') <=> [==x=]

Template

Preprocessedpreprocess

Loop expansionTemplate

Preprocessed

<select> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> ...</select> Expanded BEFORE rendering

preprocessExecuted at conversion statge

Mixed preprocessing(1)Template

<select><?pl my %h = ($params->{month} => ' selected'); ?><?PL my $i = 0; ?><?PL for my $m (@$months) { ?> <option value="[*==++$i=*]"[==$h{[*==$i=*]}=]>[*=$m=*]</option><?PL } ?></select> Mixed preprocessing

Mixed preprocessing(2)Preprocessed

<select><?pl my %h = ($params->{month} => ' selected'); ?> <option value="1"[==$h{1}=]>January</option> <option value="2"[==$h{2}=]>February</option> <option value="3"[==$h{3}=]>March</option> ...</select>

Non-preprocessing code is leaved

Conclusion

YAPC::ASIA 200836

Conclusion (1)

‣ Tenjin - a fast template engine•Very fast & lightweight

•Full-featured

•Easy to use

•Preprocessing

•Available in multi-language

•http://www.kuwata-lab.com/tenjin/

Conclusion (2)

‣ Template-original lang is bad idea•Slow, poor, complicated

•High cost to learn

‣ Perl itself is the best template lang

•Fast, rich, simple

•You already know it very well!

Any questions?

One more minute...

Kwartz - Designer Friendly Template System

<?xml ver="1.0" ?><html><body><table> <tr id="mark:list1"> <td id="mark:item1">foo</td> </tr></table></body></html>

#list1 { logic: { for my $item (@$items) { _stag; # start tag _cont; # content _etag; # end tag } }}

#item1 { value: $item; # print value}

template file presentation logic file

Plain Old HTML CSS-like Syntax

Interested?Go http://www.kuwata-lab.com/kwartz/

Thank You

Tenjin - the fastest template engine in the world

Business

Tenjin Junior High School...Tenjin Junior High School...

World’S Fastest Cars

Fastest Plants

GP10/GP20 Paperless Recorder (Portable type) · GP10/GP20-1...

#29 – INC’s Fastest

WORLDS FASTEST CAR

Execute Fastest

Business.outlookindia.com _ Fastest 40

Fastest antivirus software

Tenjin Hidetaka Valkyries Artbook

Hinokuni-go : Kumamoto ⇒ Fukuoka (Hakata / Tenjin ... ·....

The University of Sheffield AMRC/file/STurner.pdf ·...

Mobile Growth Summit 2017 Tenjin data warehouse presentation

Fastest Shared Web Hosts - NCM Online · 2016. 4. 27. ·.....

Worlds Fastest Men

Fastest BF Interpreter