This is the sixth and last part of a simplified explanation of the “Yahoo best practices for speeding up your web site“. Read the fifth part here. The fourth part is about image related optimization.
Reduce cookie size
Basically cookies consume resources in terms of data in requests. The article "When the cookie crumbles" by Tenni Theurer and Patty Chi provide the following conclusions:
Don't use unnecessary cookies. Think before storing useless data.
Reduce cookie size to the minimum required. It helps response times.
Restrict cookies to domains appropriately, so they are not affecting other subdomains unnecessarily.
Set appropriate expire dates, to remove cookies as early as possible with regards to their relevance.
Do ...
Servage Magazine
Information about YOUR hosting company – where we give you a clear picture of what we think and do!
Articles Tagged ‘guide’
Speed up your website – Part 6: Cookies & Mobile
Wednesday, July 25th, 2018 by Servage
This is the sixth and last part of a simplified explanation of the “Yahoo best practices for speeding up your web site“. Read the fifth part here. The fourth part is about image related optimization.
Reduce cookie size
Basically cookies consume resources in terms of data in requests. The article "When the cookie crumbles" by Tenni Theurer and Patty Chi provide the following conclusions:
Don't use unnecessary cookies. Think before storing useless data.
Reduce cookie size to the minimum required. It helps response times.
Restrict cookies to domains appropriately, so they are not affecting other subdomains unnecessarily.
Set appropriate expire dates, to remove cookies as early as possible with regards to their relevance.
Do ...
Speed up your website – Part 5: Images
Thursday, July 19th, 2018 by Servage
This is the fifth part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the fourth part here. The fourth part is about image related optimization.
Minimize image file size
Avoid using GIF files. If you have GIFs, try to convert them to PNG, in order to evaluate if you might save some size. PNG files are more efficient in terms of quality and size. Most browser-issues with PNG are resolved, so there are not many things in favor of the GIF anymore. If you must use it, make sure to include the amount of colors in the color palette, which are necessary. ...
Speed up your website – Part 4: JavaScript
Saturday, July 14th, 2018 by Servage
This is the fourth part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the third part here. The third part is about CSS related optimization.
Preferably place scripts at the bottom
Scripts block parallel downloads of multiple items in the browser. Therefore you might want to place the scripts at the bottom of the page, if possible. It is a problem if your scripts alter the content of your document on the initial load, since you might want those scripts at the top.
Make JavaScript (and CSS) external
Including JavaScript and CSS in the HTML document reduces the amount of requests, but also ...
Speed up your website – Part 3: CSS
Monday, July 9th, 2018 by Servage
This is the third part of a simplified explanation of the "Yahoo best practices for speeding up your web site". Read the second part here. The third part is about CSS related optimization.
Include stylesheets in the head section
Use the <link> tags in the <head> section of your HTML code to include CSS files. This enables your website to load progressively, instead of waiting for style information in the middle, or at the bottom of your page. It means that content can be rendered when it is ready, because the style information has already been loaded in the beginning. This makes the page appear to load faster.
Do not ...
Create your own WordPress plugin
Monday, June 18th, 2018 by Servage
You probably know Wordpress as a very popular blog or content management system. It has tons of features, and can even be extended with plugins - adding custom functionality. There are very many plugins available already, by individual developers and other web services, to integrate with and extend Wordpress. You can find a directory of most existing plugins here:
Wordpress Plugin Directory
Creating your own plugin
Sometimes it's hard to find a plugin that exactly fits your needs. Maybe because you want to integrate with a very specific service, or because existing plugins just don't cut it the way you want. In that case custom plugin development is a really good ...
Create a cool CSS-based tab-menu
Tuesday, April 10th, 2018 by Servage
We received a lot of great feedback for our CSS-based dropdown menu, so I thought it would be time for another little tutorial. This time showing how to create a nice-looking tab-menu, based purely on HTML and CSS.
See a live tabmenu example here.
First, we want to have the menu code created in HTML. I find that the most appropriate way of doing this, is by creating the menu as a list. Thereby non-supporting browsers will still show the menu as a list, which somewhat resembles a menu. Everyone else will see the cool tab-menu :-)
<ul class="tabmenu">
<li><a href="">Overview</a></li>
<li class="active"><a href="">About</a></li>
<li><a href="">Products</a></li>
...
Validation of EU VAT numbers
Tuesday, March 20th, 2018 by Servage
Companies that reside in the EU are obligated to check the validity of business customers' VAT numbers before engaging in intra-community tax-exempt transactions. For example if you are a British company providing an online service to a German company, you would need to validate the German company's VAT number in order to legally skip the VAT on the invoicing. Obvisouly it would make sense to du this programatically during your order process, which is why the European VAT Number Validation API is ideal.
The API allows you to validate any given EU VAT number directly from your code by using the following GET request URL - for example in PHP ...
Servage Web Development Course Part 6: Protect your files and folders with htaccess
Wednesday, March 14th, 2018 by Servage
Hey there! Part five is now a few weeks old, and it's about time for the next step! Today the topic is simple file/folder protection with the help of htaccess (don't worry if you have no clue what that means). When you develop on a new project it's nice to be able to keep the public out, while working on it. And I am sure you can also come up with a whole lot of different reasons why you would want to protect certain files.
What is htaccess protection?
Htaccess files (hypertext access files) allow you to alter the configuration of the web-server to an extend permitted by the server administrator (which ...
Servage Web Development Course Part 4: Tables
Friday, March 2nd, 2018 by Servage
Today we will take a look at tables. Tables are in general comparable with tables in for example Word or Excel, and should be used the same way in HTML. That basically means that tables are a way to represent tabular data. They are not meant to be abused for other purposes, such as for example layouts. It has been "normal" for many years to use tables for page structure, which has distorted the use of tables. The correct way of doing layout is by use of div containers and CSS positioning (like described in a previous part of this course). Tables are for data.
The table HTML structure
The <table> tag has three sub-elements, which could ...
Servage Web Development Course Part 3: Layout and page structure
Friday, February 23rd, 2018 by Servage
Every website looks a little different, but somehow they all still contain similar elements. Like a menu, a content area, a top banner (called header) and a bottom (called footer). These can be arranged and displayed in varuous ways, but mostly they are all there - somehow. In HTML there is the <div> tag which is suited to define and seperate such areas from each other. Combined with CSS styling, these <div> containers, as they are often called, can even be positioned to match the layout you want on your website. So let's have a look at a sample <div> container structure (part3a.html of the project files):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
Recent comments