Amplexor drupal-high trafficwebsites-2012-03-08
Post on 23-Aug-2014
943 Views
Preview:
DESCRIPTION
Transcript
2.!
High traffic websites with Drupal!Kinepolis case study!
3.!
master repository"
main website!
ticketing! mobile website!
digital signage!apps!
4.!
main website!
BE NL! CH!ES!FR!BE FR!
5.!
platform "structure"
6.!
BE NL + BE FR + FR + ES + CH"
multilingual!
7.!
similar content"
same group of editors"
multilingual!
8.!
multilingual!
settings!interface!paths!
taxonomy!
menus!
blocks"
nodes!
9.!
i18n"
multilingual!
10.!
BE NL"
BE FR"
FR"
ES"
CH"single codebase!!
multisite!
11.!
same content structure"
asynchronous content"
different user accounts"
multisite!
12.!
content"
13.!
14.!
master repository"
main website!
ticketing! mobile website!
digital signage!apps!
15.!
matching content structures"
movie"repository"
16.!
syncing content"
movie"repository"
17.!
> 180 000"Drupal nodes"
18.!
search"
19.!
Search"
core search"
MySQL server" webserver"
index!
PHP/MySQL aren’t built for indexing and search"
MySQL server" webserver"
Solr server"
index!
Apache Solr/Lucene is
optimized for search purposes"
! xml based"! clustering"! grouping"! facets"! scores"! highlighting"
20.!
user data"
21.!
> 15 000"registered users"
22.!
profiling"
segmentation"
mass emailing"
Drupal isn’t the right tool here!"
23.!
exchanging user data"
CRM"
24.!
ads"
25.!
Drupal isn’t the right tool here!"
26.!
multidimensional targeting"
open API"
campaign priorities"
analytics"
audience segmentation"
27.!
Drupal webserver"website visitor"
1. page request"
2. HTML + JS"
OpenX server"asynchronous!"
28.!
performance"
29.!
“Drupal does not scale.”""
Drupal generates pages, "it does not serve them!"
30.!
page request handling"no caching"
website visitor" Drupal webserver"
Drupal database"
1. page request" 2. bootstrap Drupal""4. build up the response""5. theme the result"
3. load content from DB"
6. sent response"
31.!
Drupal database"
2. bootstrap Drupal"
3. load cached content" from DB"
Drupal webserver"
1. page request"
4. sent response"
page request handling"Drupal page caching"
website visitor"
32.!
Drupal webserver"
Drupal database"
reverse proxy"
pass request to Drupal if cache is expired or if
request is handled for the first time"
1. page request" 2. sent response"
page request handling"reverse proxy caching"
website visitor"
33.!
Trafic to Drupal & openX
Trafic for Assets(video & images)
Test & DevEnvironment
Load Balancer+ Cache
DatabaseMaster
Application firewall
Monitoring(zabbix?)
SearchDatabaseSlave
OpenXAssets
(Images & Video) Drupal
Load Balancer+ Cache
(stand-by)
Application Firewall(stand-by)
34.!
webserver 1
12GB RAM4 cores 2.4GHz!
webserver 2
12GB RAM4 cores 2.4GHz!
1.5TB!
SAN
35.!
> 12 000 000"pagehits per month"
36.!
> 90"requests per second"
(peak moments)"
37.!
CPU load"
requests/s"
38.!
master/slave database"
Memcached"
APC"
reverse proxy"
asynchronous requests"
static server"
39.!
Future-proof websites!
40.!
the problem"
41.!
640px" 800px" 1024px"
42.!
43.!
44.!
?px"
45.!
3.40%"2.35%"
15.58%"
21.06%"
16.86%"
6.64%"
3.46%"4.01%" 5%"
320" 768" 1024" 1280" 1366" 1440" 1600" 1680" 1920"
screen widths used on the web (February 2012)"
46.!
47.!
low usability"small text, tiny targets, “desktop” UI"
48.!
49.!
phones" tablets" TVs"
50.!
user interface"
viewport"
connection speed and bandwidth"
technology support"
context"
51.!
52.!
53.!
mobile website"
54.!
www.uitinvlaanderen.be" m.uitinvlaanderen.be"
55.!
back-end"
front-end"DB"
raw content"
“full” website"HTML + CSS + Javascript"
templates"
logic" mobile website"HTML + CSS + Javascript"
templates"
56.!
specific content and targeted UI"
no changes to existing website"
optimal experience for targeted device"
device detection for auto-redirect"
scalability"
multiple information architectures"
changes to CMS"
SEO"
mobile website"
57.!
responsive "website"
58.!
www.barackobama.com" www.barackobama.com"
59.!
responsive website"
60.!
HTML + CSS + Javascript
responsive design
back-end"
front-end"DB"
raw content"
logic"
templates"
61.!
1. fluid grid"
62.!
2. CSS3 Media Queries"
63.!
3. fluid images"
64.!
same content for all devices"solid content strategy is crucial!"
65.!
scalable"
no changes CMS"
SEO"
1 single website"
complex for existing websites"
complex wireframing and design"
responsive website"
66.!
apps"
67.!
68.!
rich user interface"
OS integration"
high performance"
app store monetization"
development for each platform"
app store approval and restrictions"
time to update"
apps"
69.!
open standards"
structured data"
scalability"
analytics"
70.!
Drupal references"
vtm.be" jim.be" iwatch.be" vmmtv.be" toerismevlaanderen.be"
capacity4dev.eu" base.be" muntpunt.be" uzleuven.be" serv.be"
ewi-vlaanderen.be" prettiggeleerd.be" m.uitinvlaanderen.be" infrabel.be" kinepolis.be/fr/es/ch"
71.!
Follow us"
@amplexorbelgium"
http://www.facebook.com/AmplexorBelgium"
http://www.slideshare.net/amplexor"
top related