Speed up Your Restaurant Website
Great restaurant websites load fast. A speedy website prevents visitors from getting frustrated and leaving your website. And when slowdowns happen frequently, users will less likely to come back. Restaurants need speedy websites so that visitors can easily find menus and important information. So how can a website be optimized for both desktop and mobile devices?
Images are usually the culprit for a slow-loading website. If they’re not optimized at 72dpi and are larger than 2700 pixels wide, you’re gonna have a bad time. For users with slow internet connections–especially those on 3G connections–images will eat up plenty of bandwidth and slow down a site considerably. Optimize images in photoshop by changing the resolution to 72dpi, and making sure no dimension is larger than 800px (unless of course the image needs to be a larger size for a specific reason, such as for a background image). For larger images, save them for web and decrease the file quality as much as possible without losing too much detail. This will cut down on download time significantly.
I can’t reiterate enough–scrap the flash banners, images, everything. Before they play, they need to load entirely, and that uses an enormous amount of bandwidth. Besides, most mobile users won’t be able to see it anyway (e.g. if they’re on any iOS device).
The Music Player Needs to Go
Auto-playing music is annoying, and uses up load time.. while the rest of the page is trying to load! Why does a restaurant website need it anyway? It’s not necessary and most visitors will avoid sites with music while they’re at work. Try to avoid it completely.
Don’t Cram Everything Onto One Page
When one page has enough content to actually fit onto 3 separate pages, break them up. A page with too much content will take longer to load, and it also makes it harder for a visitor to find what he or she is looking for.
Quick Tips for Developers
There are also plenty of things web developers can use to cut down load time, such a placing css in the header and scripts in the footer, cleaning up white space in html and css pages, and utilizing caching.
For the average person who is managing their site, the main tricks I mentioned can help keep a site speedy, optimized, and maintain a good visitor base. And for the restaurant owners who may be contemplating getting a new site, consider these best web design practices when thinking about the structure and design of the site.