7:50 pm

Complex Website Optimization Guide

written by programmer for programmers

Note: All these chapters are still under construction and some other need to be written.

You should take care of your website optimization.

You should take care of your website optimization.

I’ve recently found myself diving into website optimization techniques. Website optimization is a wide topic and may vary from image optimization, to database partitioning, and it’s definitely worth your attention.

That is why I’m going to publish complex website optimization guide based on my own experience.
Just to be clear – I’m not an expert but just a programmer who like this topic, and would like to create a complex guide through your website optimization.

The topics I am going to cover are as follows (URL’s will appear when posts will be available):

  1. HTML Optimization
  2. CSS and JavaScript Compression and Optimization
  3. Graphics Compression and Optimization
  4. Compression
  5. HTTP Requests Optimization
  6. Caching
  7. Static Content and CDN
  8. PHP Code Optimization
  9. MySQL Query and Database Optimization
  10. AJAX Optimization
  11. Wordpress Optimization from scratch New!
  12. Statistics
    » Loading Time vs User Frustration
  13. SEO Optimization (key elements)
  14. Performance in Popular PHP Frameworks, and its Optimization
  15. Apache and MySQL Server Optimization
  16. Common Optimization Mistakes
  17. Benchmarking
  18. Case Study
  19. All chapters in PDF File
5:11 pm

Creating a simple web page in the proper way

So, you want to design and create a perfect web design, right ?

Instead of instantly opening your Photoshop – stop for a while.

Plan everything – create the webpage in the proper way.

- Decide, what content will be placed,

- Create lay-out in your mind,

- Wireframe,

- Search for inspiration and style,

- Create graphics,

- Graphics to HTML,

- Optimization & SEO,

11:57 am

Coding for fun: Some fun with ANSI C

Thanks to my friend I got interested in ANSI C crypto-programming.
Below you can see results of my 3 hour journey (compile it).


#define x13 0x74,
#define Any x01 x02
#define x15 0x70,
#define intelligent  x03
#define x23 printf("%c", r[K]);
#define fool x04
#define x22 else
#define can x05
#define x21 printf("%c%c",r[K],r[K]);
#define make x06
#define x20 if(D[K])
#define things x07
#define x24 }
#define bigger x08
#define x25 ;
#define more x09
#define x19 for(K=0; K < 13; K++)
#define x18 0,1,0,0,1,0,1,0,0,0,0,0,0},K=0;
#define complex x10
#define x17 int D[]={
#define violent x11
#define x16 0154};
#define x02  main(){
#define It x12
#define x14 056,
#define takes x13
#define x12 0x69,
#define touch x15
#define x11 055,
#define genius x14
#define x10 0x64,
#define and x16 x17
#define x08 057,
#define x09 111,
#define lotof x18
#define x07 072,
#define courage x19
#define T0 x20
#define x05 0164,
#define move x21
#define in x22
#define x03 char r[]={
#define the x23
#define x06 0x70,
#define opposite x24
#define x04 0x68,
#define direction x25
#define x01 void

Any intelligent fool can make things bigger
more complex
violent
It takes genius touch and lotof courage T0 move in the opposite direction
11:55 am

Project: Statistica

Statistica is actually a very simple application allowing you to track values in web.

Let’s assume you’ve found ANY value you want to track, e.x. currency rates, petrol price or laptop prices.

Now imagine you can load ANY website and manually and naturally SELECT a value you want to track. Statistica will add information about this value to it’s database and will track for example few times a day. Additionally, you’ll get a nice visualization of prices.

How is this possible ? It’s as simple as using XPath along with some XML Parser and properly configured database.

Statistica

Statistica

As far as Statistica is not even in alpha stage, I will notice here on updates.

11:46 am

Project: Toodie 1.2

Yesterday, I’ve released Toodie 1.2 final.
Just to remind – Toodie is a task management application made in C# technology.

Toodie 1.2.0

Toodie 1.2.0

1:17 pm

Complex Optimization Guide: Status

BLOG is being moved to a new server. Please be patient, it will take a few days!

9:54 am

Complex Optimization Guide Part 11. Wordpress Optimization

Wordpress Optimization is really simple.

Wordpress Optimization is really simple.

“WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time.”

Everyone uses WordPress, but hardly anyone tend to optimize its installation.
As WordPress is just a publishing platform (CMS), it may be optimized using tips from all Complex Optimization Guide chapters, but the chapter you are reading right now, is dedicated especially for WordPress.

3:39 pm

Complex Optimization Guide Part 10. Ajax Optimization

AJAX

AJAX

This chapter is strongly connected with few others, for example JavaScript Optimization, HTTP Requests Optimization or Compression / Caching.

AJAX is an acronym of words Asynchronous JavaScript And XML, so this is not a new technology, but a new approach to the existing technologies.

9:17 am

Complex Optimization Guide Part 9. Database Optimization

MySQL Performance with and without Query Cache

MySQL Performance with and without Query Cache


In this part I’m going to focus on MySQL database as I found it the most popular DBMS. You will find here database definition and its types, database storage engines description, database engines comparison, performance tests, and of course, optimization guide.

3:23 pm

Complex Optimization Guide Part 8. PHP Optimization

Cookie delay time

PHP Optimization

PHP Optimization may affect a server load really hard.
Optimized PHP code, needs less CPU, less memory and less load time, which means, that you spent less money for that purposes and your site users will be more satisfied from loading times.

You can split up PHP optimization in two parts. Server side PHP optimization, which will be covered in Server Optimization chapter, PHP Optimization subchapter; and code optimization.

Most of the tips mentioned below, is so called micro-optimizations. Micro-optimizations should be implemented by habit as they actually won’t dramatically speed up your website in most of real cases, unless you really mess up the code from the beginning to the end.

6:05 pm

Complex Optimization Guide Part 7. Static Content and CDN

Cookie delay time

Cookie delay time

What is a Static Content?

Static content, is a content  that is unchangeable, so your browser has to download it only once, and it is stored in it’s cache. When you request a static content, no cookies are sent, which results in lower traffic and higher speed. Example of static content may be images, which are actually unchangeable, or JavaScript/CSS files.

« back