outsourcewebdesign.in

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Wednesday, 12 September 2012

How to develop a fast loading website

Posted on 03:14 by Unknown

One of the most important aspects for any website is the loading time.  No matter how flashy your graphics is or how interesting your content is, if it doesn’t appear to the visitor in a speedy manner, it’s unlikely they’ll ever see any of it.  Below we’ve outlined some helpful tips to ensure that your website will load in a blink of an eye and keep your viewers in place!

1.    Optimize, optimize, optimize.

In the event that your pages have more than five images displayed on them, you will want to optimize the images for the Internet. This essentially means using a mode of compression to make the images smaller and load faster.  Many commercial websites use this technique to great effect – how do you think Facebook loads so quickly?  A good rule of thumb is to use GIF files as much as possible at lower optimizations when it comes to the graphics on your page. As far as photographs are concerned, highly compressed JPGS are good.  PNG files tend to take up a lot of space, and don’t go anywhere near a bitmap!

2.    Physical distance still matters in the virtual age.

If your web host is farther than forty miles away from where you live, you might want to look into getting a new host.  You can figure out where your web host is located by doing a simple ping test.  If the ping test shows that your web host is on the other side of the planet, you might want to consider hosting elsewhere.  The closer they are to you, the faster your load times will be.

3.    Is your web host’s equipment cheap?

These days, it seems as though you can get your website hosted for less than pennies on the dollar.  In general this would be seen as a good thing for those of us who don’t have hundreds of dollars a month to spend on hosting, but it could also be affecting your load times.  Cheaper companies often use cheaper equipment, which means that your visitors might have to wait longer for your pages to load.  Remember: you get what you pay for.  This applies to web hosts, as well.  Weigh the cost of web hosting against how much traffic your website gets – if you’re having thousands of visitors per day, it might be worth it to upgrade to a more expensive web host that utilizes better equipment.

4.    Cache it.

Want to get your website to load quick as a blink for your repeat visitors?  Enable PHP caching. This will instruct the browser to load the website once and then store away the images and everything else for later retrieval.  This way there’s only one time that the visitor has to wait for the Internet to produce the images.

5.    Is your bandwidth slow?

Most large hosts have multiple bandwidth providers in order to handle a lot of traffic.  You can check to see how fast your own bandwidth is by performing a trace route test.  Once you’ve done that, check to see if your provider is linked up with companies such as Sprint, Level (3) Communications, AT&T, MCI-Verizon or Mizma.  If it is, your bandwidth has a good chance of being fast – but many of the smaller web hosts can’t afford to partner with these companies.  How important this is to you depends on the size of your website.  If you’re running a larger page, you might want to consider moving to a web host that works with one of the above companies.  This will go a long way toward ensuring that your pages load reliably and quickly for many visitors!

6.    Keep your CSS files small.

If your CSS is over 75KB in size, it could be dragging your user’s experience down.  If you run a smaller website, be sure to keep it below this number.  However, if you have a bigger website with lots of pages with a lot of graphics and code, it might be necessary to exceed this amount. Should this be the case, be sure to monitor your website regularly and remove pieces of code that you no longer use regularly.  It may also be worth your time and money to pay a web designer to go through and edit your CSS to help you trim the fat, particularly if you are running a larger operation.

7.    How are your databases optimized?

Poorly optimized databases can slow your website down.  If you’re not sure how to do this, simply run a Google search on database optimization for the lowdown.  There’s literally hundreds of ways to make sure that your databases are optimized for maximum performance.

8.    Cool down the hotlinking.

The term “hotlinking” refers to when another website uses your website as a server for files.  For example, if you have a video file embedded on your website and another website embeds the same file yet uses your source code, that website is hotlinking.  This means that the second website is using your bandwidth to play that file.  Hotlinking takes up enormous amounts of a website’s bandwith and can really slow down your load time.  In order to eliminate hotlinking, you can check if social networking websites, such as MySpace, show up in your referral files or if a certain file is being served more often than the page that the file is located on.  If you notice hotlinking, you can usually access hotlinking protection through the control panels of your web host. If not, you may need to take the file down.

9.    Use less JavaScript code and compress it!

Simpler code always leads to faster page loads.  One way to get your page’s JavaScript up to code is to remove the comments and compress it – this essentially takes out the line breaks and makes your JavaScript into one long sentence.  However, if you are not an experienced JavaScript user, this could make your code harder to read, so be sure that you know what you’re doing before you use it.  If you’re not confident in your abilities to read JavaScript without comments or line breaks, keep them in.  It’s a giant headache to undo JavaScript compression once it’s done!


Read More
Posted in | No comments

Wednesday, 5 September 2012

Developing a Mobile Compatible Website

Posted on 22:22 by Unknown


There are various approaches in addressing website's mobile compatibility. They differ by amount of development efforts involved and, subsequently, command different price ranges.
3 ways of mobile implementations:

·         Simply make sure that a website looks acceptable on mobile devices (smart phones and tablets).
In this case, all that the developer has to do is to check whether the website layout and functionality works properly on mobile devices. For example, potential incompatibility issues between desktop and mobile devices could arise from:

o       Flash (not available on iOS; spotty on Android platforms);
o       Layout (make sure that it scales properly for smart phones and tablets);
o       addressing limitations and specifics of touch-based interface (for example, there is no "mouse     over" on mobile devices, but users are used to use "swipe");
o        Advanced JavaScript functionality (lately JavaScript on mobile platforms is a very much standard compliant, but still, if desktop website uses some non-trivial Javascript, you better make sure that it also works on targeted mobile platforms).
NOTE: if custom JavaScript functionality was implemented using industry standard frameworks (like jQuery, etc...) chances that it will work on mobiles are rather high. However, if it's home-bred solution your mileage may vary.
 
·         In WordPress there is a very popular plugin:WPtouch Pro. It is a WordPress plugin that adds easily configrable themes for mobile devices. WPtouch Pro is also a theming framework for creating mobile themes.
Basically, you install WPtouch Pro plugin and via it's admin interface configure the mobile version of the website.
Sounds like a sensible way to create a mobile version of the website, isn't it? However, there is an important issue that must be addressed. The above approach works for blogs and websites with simple architecture. Web analytics reports and research are showing different behavior patterns for mobile visitors vs. desktop. Therefore, giving a mobile user a desktop experience may result in bounces and decreased conversion, if any. Hence, comes the 3rd way of mobile implementation.
 
·         Providing a mobile-optimized experience for the visitor.
It is generally accepted that mobile visitors are on the go, so they consume information in smaller amounts, looking for different things compare to desktop users and may access website many times vs. one single visit. To create a truly mobile-optimized experience you have to spend time on studying visitors' behavior and identify mobile website goals, thus developing a mobile website built on this knowledge and utilizing mobile-specific touch-based interface, but not simply replicating the desktop version.

Read More
Posted in | No comments
Newer Posts Older Posts Home
Subscribe to: Comments (Atom)

Popular Posts

Categories

  • Graphic Design
  • Logo Design
  • Magento
  • Open Source
  • Open Source Customization
  • OsCommerce
  • Web Design
  • Web Development

Blog Archive

  • ►  2013 (8)
    • ►  August (1)
    • ►  July (4)
    • ►  May (1)
    • ►  March (2)
  • ▼  2012 (54)
    • ▼  September (2)
      • How to develop a fast loading website
      • Developing a Mobile Compatible Website
    • ►  August (6)
    • ►  July (20)
    • ►  June (16)
    • ►  April (5)
    • ►  March (2)
    • ►  February (2)
    • ►  January (1)
  • ►  2011 (4)
    • ►  May (2)
    • ►  April (2)
  • ►  2009 (2)
    • ►  December (2)
Powered by Blogger.

About Me

Unknown
View my complete profile