Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
WSO

WSO

Ratings: (0)|Views: 51|Likes:
Published by tech2click

More info:

Published by: tech2click on Feb 24, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC or read online from Scribd
See more
See less

10/17/2013

 
W
EB
 
SITE
 
OPTIMIZATION
 
TECHNIQUES
Nourah Mohammed AL-Oboud
King Saud UniversityRiyadhSaudi Arabiaall_nona@hotmail.com
A
BSTRACT
Building a Web site is worthless if your targeted audience cannot find it or if they switch to another website because it's takes a lot of time to open. This document will highlight the importance and techniques for optimize web sites. After this session, participants will know better: 
Speed up the load time on your site.
Learn how to use a variety of techniques to minimize the size of your Web pages, including HTML,CSS, JavaScript and XHTML.
How to achieve good SEO results.
Keywords:
WSO, HTML optimization, XHTML optimization, CSS optimization, JavaScript optimization,
search engine optimization 
.
1.I
NTRODUCTION
If you build a Web site but your targeted audience switch to another one because they feel bored of waitingthe web page to open or they can't find it, then it is, in a word, worthless. Why? The page size and complexityare the real problem, even if the impact of the server load and network bottlenecks. No matter how nicely laidout, content-rich and useful your Web site may be if it has not been designed taking
website optimization techniques 
 
(WSO) techniques 
into consideration, it won’t get sufficient traffic. This paper provides usefulWSO techniques that you can apply to improve your Web site.The structure of the paper is as follows:Section 2 illustrates the definition of WSO, section 3, 4, 5 and 6 illustrate HTML optimization techniques,XHTML optimization techniques, CSS optimization techniques
,
JavaScript optimization techniques
,
Searchengine optimization techniques, respectively
.
Section 7 present conclusions.
Background/related work
.XSSI 
is Abbreviation of
Extended Server-Side Includes 
and it's is implemented by Apache HTTP Server."
Web site optimization (WSO)
is the process of reducing web site size and complexity to maximizewebsite performance. Website optimization can also include search engine optimization, pay per clickoptimization, and conversion rate optimization (getting more traffic and sales) as part of your overall siteredesign process." [1]Here are some of techniques that can maximize the display speed:
HTML optimization
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copiesare not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copyotherwise, to republish, to post on servers or to redistribute to lists, requires prior specific permission.The First Mini-Conference in Web Technologies and Trends (WTT)
 © 
2009 Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia
 
Tighten Up Comma-Delimited Attributes 
"Some tags allow a comma-delimited list attribute values. The most common are the <keywords> Meta tag,the <map> coordinate attribute, and the <style> tag. Browsers and search engines ignore leading spacesbefore comma-delimited attributes. You can save space by omitting spaces when using comma or omittingcommas altogether for the <keywords> Meta tag.Instead of this:<style type="text/css"><!—body {font-family: Arial, Helvetica, sans-serif;font-size: 1.1 em;}--></style>Do this:<style type="text/css"><!— body {font-family:Arial,Helvetica,sans-serif;font-size:1.1 em;} --></style> "[2]
XHTML optimization
Remove white space 
"Browsers don't care how pretty your markup is; they're just looking between tags—real or implied. Extraspaces, tabs, and return make your markup easier to read but slower to display. Space between and insidetags can also be removed."
1
 [2]Thus you can shave off up to, or even over 10% of its file size.Use<table border="1" cellspacing="10" cellpadding="5"> <tr><th>State</th><th>State Tree</th></tr></table>[2]…Instead of<table border="1" cellspacing="10" cellpadding="5"><tr><th>state bird</th><th>State Tree</th></tr></table>
Omit Redundant Classes and Default Attributes 
There are cases, attribute or tags are redundant then they can be eliminated.
Case1: Omit Default Attributes
Because the default for table data cells is to be aligned to the left, it can be eliminate from your web page. Forexample:
1
 
<table><tr><td align="left">the default is left !!</td></tr></table>
Becomes:
<table><tr><td>better</td></tr></table>
2
[2]
"If you style your tables to be aligned otherwise, aligning individual exceptions may be necessary. In thiscase, style the most common alignment globally and individually style the exceptions. Even better, useclasses (.alignleft, .center) or contextual selectors (table.top th) to style your cells."[2]
Case 2: Omit Redundant Classes
''Another redundant example is when styling a list of items. Rather than placing an identical class within eachitem, you can use the same class within the list tag and use a contextual selector. So this:''[2]
<ul><li class="big">cap 311</li><li class="big">cap 322</li></ul>Becomes this:ul.big li{big style here;}...<ul class="big"><li>cap 311</li><li>cap 311</li></ul> [2]
 
Cut the Comments 
 
"Comments in code can be safely abbreviated or eliminated without any change in functionality. Commentsmake it easier for developers and editors to maintain content. However, users must download your commentseach time they load your page. An example:
<!-- main navigation header goes here -->One solution is to abbreviate comments to save bandwidth, but still give editorsclear checkpoints.<!-- main nav bar -->" [2]
CSS optimization 
"CSS optimization is the process of minimizing your Markup and CSS files for maximum speed."[2]
Minimize HTTP Request 
tag: contentEach unique HTTP request requires a round trip to a server, introducing indeterminate delays. Thus bycombining external files and embedding CSS within your HTML you can minimize the number of HTTPrequests required to render your page. [2]"So this:
< <link rel="stylesheet" type="text/css" href="/css/fonts.css" /><link rel="stylesheet" type="text/css" href="/css/nav.css" />
Becomes this
:
<link rel="stylesheet" type="text/css" href="/css/combined.css" />
2

Activity (3)

You've already reviewed this. Edit your review.
1 thousand reads
1 thousand reads
1 hundred reads

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->