New website of the day at Awwwards.com: Burnkit
If you arrived here from the Optimizing WordPress with Varnish and W3 Total Cache tutorial, you already have a pretty well optimized WordPress installation. If not, you may want to go back and review our guide to Varnish and W3TC.
We’re going to show you how to use New Relic’s free server monitoring to see within your WordPress and PHP stack.
What’s New Relic?
New Relic is a performance monitoring service which runs with a variety of server and language technologies, including PHP, which makes it great for optimizing WordPress.
W3TC provides built-in integration with New Relic’s PHP monitoring daemon – so you can track performance on your WordPress stack at a deeper level. This can help monitor and diagnose unexpected slowdowns that might be related to your server performance, a slow theme, plugin, database query, third-party API or more.
If you’re curious about what goes into a high performing WordPress site, read this guide to WordPress optimization written by the creator of W3TC, Frederick Townes.
When you run New Relic on your server, you can get detailed performance monitoring graphs and statistics about your server and PHP including: response time, Apdex score (the ratio of satisfactory response times to unsatisfactory response times), throughput (requests per minute), web transactions e.g. third-party API requests, error rate, recent events and server information.
How to Install New Relic
Depending on where you sign up and what you install, you will have different features exposed by default in New Relic.
Once you’ve completed registration, follow the installation instructions on the Debian Ubuntu-based systems page appropriate for your registration (by the way, I’m running WordPress at DigitalOcean on Ubuntu 14.04).
1. Add the New Relic apt repository:
echo deb http://ift.tt/1ah4eGp newrelic non-free >> /etc/apt/sources.list.d/newrelic.list
Trust the New Relic GPG key:
wget -O - http://ift.tt/1rCsDlA | sudo apt-key add -
Update and local package list and install New Relic:
sudo apt-get update
2. Install the New Relic System Monitor:
If you’re using the W3TC New Relic setup, it will be:
apt-get install newrelic-php5 newrelic-install install
If you’re using the standard New Relic setup, it will be:
apt-get install newrelic-sysmond
3. Configure and Launch the New Relic System Monitor:
If you’re using the W3TC setup, it will have asked you for your license key. If you’re using the generic New Relic setup, do this:
nrsysmond-config --set license_key=your-license-key-goes-here
Start the New Relic daemon:
Whichever approach you use, restart your web server:
service apache2 reload
After a few minutes, you should see the red message on the setup page indicating that data is flowing into New Relic from your server. Cool, huh?
You’ll see something likes this once data starts coming in:
Activate New Relic within W3 Total Cache
If you’re using the W3TC integration, you’ll need to visit your New Relic Account Settings to get your license key again and also create an API key. Click the Integrations -> Data Sharing tabs to enable the API and get your key.
Then, from your WordPress Administration Console, click Performance -> Monitoring. Click sign up for a free account. Copy the details for your API and license key.
Enabling New Relic on your server provides for monitoring from the W3TC dashboard, such as shown below:
Monitoring Your WordPress Performance
New Relic is useful for evaluating WordPress performance in three key ways:
- Monitoring MySQL performance. Poorly written themes or plugins can definitely harm performance. Or, as your site grows, native WordPress queries may slow it down.
- Apdex gives you a quantitative measurement of the usability experiences of your site based on response time.
- Monitoring the performance of third party plugins and APIs. WordPress offers a powerful array of plugins and services to add to your blog, but some can kill performance. New Relic can help you identify problem areas.
Again, depending on your configuration in New Relic, you’ll see the W3TC partnership dashboard for monitoring a PHP application:
Or, you’ll see the four tabs that summarize your server’s performance:
First, the Overview tab offers insights into CPU, memory usage, disk and network I/O, and load as well as information about your hardware and most active processes:
Next, the Process tab shows you the memory and CPU utilization of each process:
Thirdly, the Network tab
Then there is the Disk tab
With the W3TC installation, you can monitor transactions showing the most requested PHP scripts:
You’ll also be able to monitor your MySQL database:
You can also install plugins for any service you want to monitor:
Diving deeper into New Relic requires an investment of time, but the results are well worth it. With this tool, can you see inside your WordPress stack to quickly pick out problem areas that need addressing.
While you can use New Relic Lite forever, once your two week trial expires, you might want to upgrade to the Pro plan ($149/month) to keep the same levels of service.
It’s also important to occasionally update New Relic and check on its log files. Review the New Relic maintenance guide.
- Sign up for NewRelic at the W3 Total Cache Partnership Page
- Optimizing WordPress with Varnish and W3 Total Cache
- WordPress Performance Optimization with New Relic
from Tuts+ Code – WordPress http://ift.tt/1qRIJCS
We covered half of the General Settings in last article. Let’s move forward to configure the remaining ones.
In this article, you will get to know about the following:
- Database Cache
- Object Cache
- Browser Cache
- & other settings of minor importance
Since we left off with the third step in the last article, we’ll be continuing with our fourth step this article.
4. Database Cache
The Database Cache basically caches SQL queries. This reduces the processing time of database queries. It is a resource intensive option and is recommended to be used with the Disk method that we discussed in the previous article.
If your server is a shared server, it may slow your site down. You need to enable it and analyse the site’s speed. If it has improved then keep using it, otherwise disable it. Normally I recommend using this option on a VPS or a Dedicated server.
Database Cache Methods
You can find the details about these terms in the previous article about W3TC Configuration. Though my recommendation for beginners is to use the Disk option.
5. Object Cache
Are you using a shared hosting server? If so, then don’t enable this option. It is only preferable for a dedicated server or a virtual server. Enabling this over shared servers won’t help you improve your site speed. It is used to reduce the execution time of some common operations.
Object Cache Methods
Again, Disk is the recommended option to select in this step.
6. Browser Cache
In whatever configuration you’re working with, enable this option in any case. One of the most important configurations is Browser Cache. It reduces server load and decreases response time by using the cache available in visitor’s web browser. Not only this but it enables HTTP compression and adds headers to reduce server load & decrease file load time.
What’s the Pro Stuff?
Basically W3TC defines certain set of rules in your site’s
.htaccess file which are responsible for caching different elements in the end user’s browser. For example, the logo of any site changes rarely – perhaps once a year.
Caching it inside the end user browser helps decrease the page size and in turns increases the page speed. Same page when browsed second time opens up 10 times fast as compared to the first time.
7. CDN (Content Delivery Network)
A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. CDNs serve a large fraction of the Internet content today, including web objects (text, graphics and scripts), downloadable objects (media files, software, documents), applications (e-commerce, portals), live streaming media, on-demand streaming media, and social networks.
In short, this serves resources to the nearest geological server close to the visitor. There is a drop down list of CDN providers. You can use any of them you like. MaxCDN is one of the most known paid CDN whereas CloudFlare has both Free & Premium packages.
8. Reverse Proxy
In a similar fashion to a CDN, Reverse Proxies help caching your static files to different servers and then allowing your site’s visitors to access those files through cloud. I would recommend that you not enable it as in WordPress sites are more compatible with CDNs.
Less Important Settingx for Beginners
This section will help you configure your New Relic account to find out extensive performance statistics of your site and server.
Unless you’re familiar with and are running with New Relic, this is not recommend to be enabled in most cases so we can leave it as it is.
You can put your Google Page Speed API key in that form, from the link given below the API field. Leave the other options as they are. No need to modify them unless until you know what you are doing.
It is recommended not to enable this option. It basically provides detailed information about each cache which gets appended in publicly available HTML comments in the page’s source code.
Performance in this mode will not be optimal so use this sparingly and disable when not in use.
12. Import/Export Settings
W3TC has extensive functionality, configuring it takes at least an hour. So, to provide end users with good experience, this plugin provides us with the ability to backup our settings by exporting them and importing them either in the same site or another site you own.
Wrapping It Up
That’s about it. By now you are done configuring the basic General Settings of W3 Total Cache plugin. If you have any questions don’t hesitate to ask.
Starting in the next article, we’ll be setting up the advance configurations.
from Tuts+ Code – WordPress http://ift.tt/1rCsCOp
WordPress Webdesign article at smashingmagazine.com: “There Are More Bugs In Mobile Than… Particles In The Universe!”
This powerful theme is incredibly versatile. For starters, you can use it as standard multipage website theme or the popular one-page theme that’s all the rage these days! It’s also built with a responsive design, so it’ll work anywhere your users go. Toss in a drag-and-drop page builder, Revolution Slider, SEO optimization, highly customizable features, and more, and you’ve got yourself one incredible theme! Even better, you can snag this Mighty Deal for a mere $17!
- 2 Versions in 1
The Skew WordPress Theme is so powerful, it offers up 2 unique versions of the same theme! Choose a standard multipage layout, or jump on the recent trend of the one-page layout. Both options are available within the same theme!
- Responsive Layout
No need to worry about users viewing your site on mobile devices, because Skew was built on a Responsive design. That means your site will look and function great on any of today’s popular mobile devices including smartphones, tablets, notebooks, laptops and more.
- Highly Customizable
Besides switching between single-page layout and multipage layout, Skew offers plenty of opportunities to customize the look and feel of your site.
- Revolution Slider
Big and bold, this built-in Revolution Slider gives you a single place to show off the best or most-recent content your site has to offer.
- Page Builder Plugin
This drag-and-drop feature lets you easily set up your site the way you want to. NO fiddling with code necessary!
- Classy and Elegant Style
The Skew theme sports a classy and refined appearance. The white background contrasts nicely with the skewed dark patterns for an overall elegant feel.
- Striking Header
Users view your site from top to bottom, so you really want to make a strong first impression with your header. And that’s just one area that Skew really delivers, thanks to the huge Revolution slider, neatly arranged icon boxes and a stylish typography.
- SEO Optimized
Skew comes your way with loads of search engine optimization built in. The theme was created with SEO in mind and supports All in One SEO and Yoast Plugins.
- Loads More Features
Skew truly does have it all! Take a look at just some of the many more features available in this fantastic WP theme:
- WPML Plugin Support (.po, .mo Files)
- Easy Color Management
- Google Fonts Support 600+
- Advanced Theme Options Panel
- Custom Backgrounds for Modules
- Simple Gallery
- Wall Gallery
- Custom Modules
- Custom Shortcodes
- Custom Widgets
- Portfolio Pages (1,2,3,4 Columns)
- Non-ajax Portfolio (Good for SEO)
- Unlimited Sidebars
- Contact Form 7 Support
- Mailchimp Plugin Support
- PSD Files Included
- Extended Documentation
- And tons more!
Skew normally sells for $45, but for a limited time only, you can take home this beautifully elegant WordPress theme for just $17! That’s a savings of 62% off the regular price!
from WpRecipes.com http://ift.tt/1uyrqOI
X is the greatest WordPress theme ever made. Not only does it include amazing shortcodes and fantastic support, but it’s incredibly versatile. Theme X is destined to expand your horizons in building an infinite number of client websites, by starting from a series of fantastic designs named Stacks.
Everything about Theme X spells excellence, from the wealthy documentation and page editor, that is complete with a live previewer, to the actual Stacks: Integrity, Renew, Icon, and Ethos. The last of these, Ethos, is ideal for highly visual clients, such as photography or magazine websites. Besides, Theme.co has pledged to add even more complete designs to the pile, in due time.
Once you’re a verified user of the X Theme, any subsequent update is immediately delivered. Right now, version 2.5.1 includes flawless integration with bbPress and BuddyPress.
Rest assured that you’ll never have to search for another theme again.
“They offer flexibility, and you get that, and more! Excellent customer service, excellent product, very fair price! What else can you ask for? Congratulations guys, you did it and you should be proud of it!” – elpanda13
How to win
Would you be interested in getting your hands on the famous X Theme? You could win a free copy right now, by logging in to Rafflecopter, and then following the instructions laid out for you there. Namely, like Theme.co’s official Facebook page, or follow them on Twitter. We will announce who the winner is next week.
Don’t want to wait a whole week? Buy Theme X! Just follow this link: X – The Theme.
via Speckyboy Web Design Magazine http://ift.tt/1nEjMAn
WordPress Webdesign article at smashingmagazine.com: Desktop Wallpaper Calendars: October 2014