Amplexor drupal-high trafficwebsites-2012-03-08
72
-
Upload
amplexor -
Category
Investor Relations
-
view
945 -
download
0
description
Slides of the Amplexor Drupal Mini Seminar on 8th March 2012.Amplexor has been building high traffic websites for over a decade. In 2008, Drupal was added to our portfolio of Web Content Management systems - and with the arrival of Drupal 7, there was a massive interest amongst website owners to migrate their website to this new & promising platformDuring this seminar, we will provide you with an overview of the possibilities for building large scale, high performance websites with Drupal. Not only you will get an insight in the functional and technical possibilities of the platform, but also of the possible caveats.The last session will focus on how to make (Drupal based) websites future-proof. The number of people accessing websites through mobile devices is growing extremely fast, so it is important to make your website accessible to those. Hence the importance of HTML 5 and Responsive Design among others. Moreover, the focus on content is more important then ever. In this session, we will go over the possible strategies for making your website more accessible for next-gen devices.
Transcript of Amplexor drupal-high trafficwebsites-2012-03-08
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"
