How to Speed Up Your WordPress Website - PowerPoint PPT Presentation

About This Presentation
Title:

How to Speed Up Your WordPress Website

Description:

Do you want to speed up your WordPress site? Want to know the WordPress optimization tricks that can help you reduce your site load time? – PowerPoint PPT presentation

Number of Views:80
Slides: 18
Provided by: magnetoitsolutions
Category:

less

Transcript and Presenter's Notes

Title: How to Speed Up Your WordPress Website


1
How To Speed Up Your WordPress Website
2
  • Do you want to speed up your WordPress site? Want
    to know the WordPress optimization tricks that
    can help you reduce your site load time? In this
    PPT, we will show you how to speed up WordPress
    by sharing how we optimized our List 10 site to
    boost performance.

3
1. IDENTIFY PLUGINS THAT ARE SLOWING YOU DOWN
  • P3 is one of my favorite diagnostic plugins
    because it shows you the impact of your other
    plug-in on page-loading time. This makes it easy
    to spot any plug-in that are slowing down your
    website.
  • Download it https//wordpress.org/plugins/p3-prof
    iler/

4
2. COMPRESS YOUR WEBSITE
  • Gzip automatically compresses your websites
    files as ZIP files, saving bandwidth and speeding
    up page-loading times. When a user visits your
    website, their browser will automatically unzip
    the files and show their contents. This method of
    transmitting content from the server to the
    browser is far more efficient and saves a lot of
    time.

5
3.COMPRESS IMAGES
  • Images take up the majority of bandwidth on most
    websites. WP Smush.it is another great plugin
    that automatically compresses images as you
    upload them to the media library. All compression
    is lossless, meaning that you wont notice any
    difference in the quality of images.

6
4.LEVERAGE BROWSER CACHING
  • Browser caching is a tricky issue, Expires
    headers tell the browser whether to request a
    particular file from the server or from the
    browsers cache. Of course, this only works if
    the user already has a version of your Web page
    stored in their cache so, the technique will
    speed up the website only for those who have
    already visited your website. To do this with a
    plugin, I recommend using WP Super Cache.
    However, following an installation guide is
    strongly recommended to ensure that you set it up
    correctly. 

7
5. CLEAN UP THE DATABASE
  • Im a big fan of how often WordPress autosaves
    everything, but the disadvantage is that your
    database will get filled with thousands of post
    revisions, trackbacks, pingbacks, unapproved
    comments and trashed items pretty quickly.
  • The solution to this is a fantastic plugin
    called WP-Optimize, which routinely clears out
    your databases trash, keeping the database
    efficient and filled only with what needs to be
    kept. Of course, when doing anything to your
    database, always back up first.

8
6. MINIFY CSS AND JAVASCRIPT FILES
  • If youve installed more than a handful of
    plugins, chances are that your website links to
    10 to 20 individual style sheets and JavaScript
    files on every page. This is not ideal. Putting
    all JavaScript into one JavaScript file and all
    CSS in one CSS file is considerably more
    efficient.
  • This is where minification comes in. Plugins such
    as Better WordPress Minify will combine all of
    your style sheets and JavaScript files into one,
    reducing the number of requests that the browser
    needs to make.

9
7. TURN OFF PINGBACKS AND TRACKBACKS
  • Pingbacks and trackbacks are methods used by
    WordPress to alert other blogs that your posts
    link to. While sometimes interesting, they can be
    a drain on page speed and are usually better
    turned off. You can turn them off under the
    Discussion tab in Settings.

10
8. SPECIFY IMAGE DIMENSIONS AND CHARACTER SETS
  • Before a visitors browser can display your Web
    page, it has to figure out how to lay out the
    content around the images. Without knowing the
    size of these images, the browser has to figure
    it out, causing it to work harder and take
    longer.
  • For the same reason, specifying a character set
    in your HTTP response headers is useful, so that
    the browser doesnt have to spend extra time
    working out which one youre using. Simply add
    the character set to your websites head section.

11
9. MOVE CSS TO THE TOP AND JAVASCRIPT TO THE
BOTTOM
  • Linking to your style sheets as close to the top
    of the page as possible is widely recommended
    because browsers wont render a page before
    rendering the CSS file. JavaScript, on the other
    hand, should be as close to the bottom of the
    footer as possible because it prevents browsers
    from parsing anything after it until it has full
    loaded.
  • In the majority of cases, this simple fix will
    improve page-loading speed by forcing files to be
    downloaded in the optimal order. But it can cause
    issues on websites that rely heavily on
    JavaScript and that require JavaScript files to
    load before the user sees any of the page.

12
10. USE CSS SPRITES
  • A sprite is essentially one large image file that
    contains all of your individual images next to
    each other. Using CSS, you can hide everything in
    the image except for the section you need, by
    specifying a set of coordinates.
  • The easiest solution is SpriteMe, a tool that
    turns all of your images into a CSS sprite.
  • Remember that Safari does not load large sprites,
    so use William Malones calculator to identify
    whether your sprite is too large.

13
11. ENABLE KEEP ALIVE
  • HTTP Keep Alive refers to the message that is
    sent between the clients machine and the Web
    server asking for permission to download a file.
    Enabling Keep Alive allows the clients machine
    to download multiple files without having to
    repeatedly ask for permission, thus saving
    bandwidth.
  • To enable Keep Alive, simply copy and paste the
    code below into your .htaccess file.
  • Header set Connection keep-alive

14
12. REPLACE PHP WITH STATIC HTML WHERE APPROPRIATE
  • PHP is great for making a website efficient and
    reducing the need to enter the same information
    multiple times. However, calling information
    through PHP uses up server resources and should
    be replaced with static HTML where it doesnt
    save any time.

15
Tips
  • Plug-in are good but if there are too many, your
    blog is in a serious problem. It is not the
    beauty of your blog, it is the content that you
    write which gets noticed by people as well as
    search engines.
  • Check your blog's load time regularly so that you
    can prevent a good number of unique visitors from
    being discouraged..
  • Note that paid servers will be faster than non
    paid servers. So if you have a large blog it is
    recommended to get premium hosting.
  • Always try to minimize the use of JavaScript in
    the blog. They can make your blog seriously slow.

16
Hire WordPress Developer
  • Magneto IT Solutions WordPress developer is a
    professional with 5 experience and expertise to
    understand your requirements in much better way
    thus they can provide you with the most desired
    solutions.
  • If you have any queries or need any additional
    information please Visit our website
    http//magnetoitsolutions.com/

17
Resources
  • http//www.smashingmagazine.com/2014/06/25/how-to-
    speed-up-your-wordpress-website/
  • http//www.sparringmind.com/speed-up-wordpress/
Write a Comment
User Comments (0)
About PowerShow.com