Optimize WordPress loading time by 75%

November 12, 2010 | No Comments Yet

So we’ve confirmed Google is factoring in site speed into their search ranking algorithms, but what exactly can you do to your WordPress site to make it load faster? David Kadavy shares his own website optimization story by doing the following:

  • Move from a shared hosting service (in this case Dreamhost) to VPS (virtual private server) hosting
  • Install the W3 Total Cache plugin
  • Use a CDN (content delivery network) such as Amazon Cloudfront: this works well with W3 Total Cache, which is why he recommends it over other WP caching plugins
  • Optimize with CSS sprites, inline styles and scripts, Gzip, and other recommendations from Yahoo.

Leave a Comment | Tags: , , , , , , , , , , , , ,

Custom CSS Revisions for WordPress.com users

October 5, 2009 | No Comments Yet

WordPress.com users who have purchased the Custom CSS Upgrade feature can now access previous revisions of the edited stylesheet. Basically, Automattic has taken the post revisions idea and applied it to your custom CSS editor. Simple, yet very useful idea.

If you’ve ever considered the CSS upgrade, now’s a great time to take the leap. With this new CSS revisions feature, you’ll be able to make changes to the look of your theme without worrying about losing earlier versions, and can see how CSS changes will affect your blog’s appearance.

As usual, us WordPress.org users will have to see if this will come out as a standalone plugin. For WordPress.com users who haven’t heard of Custom CSS, read more about the upgrade here.

Leave a Comment | Tags: , , , ,

WordPress seminars in Davao from July 3-4

June 30, 2009 | 2 Comments

Heads up, Mindanao folks! There are two WordPress seminars coming to your area—Davao City, to be specific—this July. WordPress for Bloggers and WordPress as a CMS. Fees vary from Php150 (students) to Php450 per person. Here’s the sked:

SEMINAR 1: WORDPRESS AS CMS

Date: 3 July 2009 (Friday)
Time: 5:00 – 8:00 P.M.
Venue: Lane Systems conference room, Wheels n’ More Drive, J.P. Laurel Ave., Bajada, Davao City (in the compound where Urban Club & AutoShop are located)
Fee: ?450 per person
This seminar will tackle the fundamentals of the WordPress engine: the templating system; built-in PHP functions for delivering & manipulating content; design elements; introduction to theme & plugin design. Installation and maintenance best practices will also be included. Prerequisites: PHP, XHTML & CSS.

SEMINAR 2: WORDPRESS FOR BLOGGERS

Date: 4 July 2009 (Saturday)
Time: 2:00 – 6:00 P.M.
Venue: PhilNITS Lab, 5/F Mintrade Bldg, Monteverde cor. Sales Sts. (this is the building where DTI-11 is located; at the ground floor is PNB)
Fee: ?300 per person | Student rate: ?150
The seminar for bloggers will feature advanced coverage on WordPress deployment & utilization: how to make the most out of your self-hosted WordPress installation. Important topics: theme management; plugin management; SEO basics; introduction to the world of server hosting. Bonus topic: AdSense integration and optimization, c/o Lyle Santos.

Sign up here. How I wish there were something like this in the metro! We’ll have to be a little more patient for the upcoming WordCamp Philippines, then.

Leave a Comment | Tags: , , , , , , , , , , ,

Force WordPress theme CSS changes immediately

May 5, 2009 | 2 Comments

Theme authors: if you’ve been tweaking a WordPress site’s CSS file, the changes you’ve made usually don’t immediately show up for the blog visitors without a forced refresh. The reason: web browsers usually keep cached copies of site files. Mark Jaquith has a neat fix that allows you to grab the latest version of the CSS file and override the cached one automatically.

Just use this line of code in your header.php file:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css?v=<?php echo filemtime(TEMPLATEPATH . '/style.css'); ?>" type="text/css" media="screen, projection" />

This automatically updates the ?v= part every time you modify the file. Boom. Now everyone instantly sees your changes.

This should also work for other files like your Javascript files.

Leave a Comment | Tags: , , , , ,

Be sure to add these CSS declarations to your WordPress 2.5/2.6 stylesheets

August 20, 2008 | 1 Comment

Versions of WordPress 2.5 and 2.6 have added arbitrary new CSS classes for styling uploaded images (WP 2.5) and their captions (WP 2.6). The WordPress Codex has a page that provides CSS declarations you can add to your custom theme if you’re not too familiar with tweaking your stylesheets.


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Also check out the links posted for more help on CSS, HTML, and WordPress blog design in general.

(Via)

Leave a Comment | Tags: , , , , , , ,