Saturday, 20 April 2013

Test the load speed of a page and all of its elements

This tutorial uses Scrutiny or Reactivity. The page test is a component of Scrutiny, but is also built as a standalone app called Reactivity.

You can get the same results from this online demo, which runs the same app but it doesn't have the user interface and the results are presented on a web page.

1. If you're using Reactivity you'll be presented with this window. If you have Scrutiny, call this window with Window > Page analysis,  command-2 or switch to the SEO tab and press 'Full Page Analysis'.

2. Type the address of the page that you'd like to test and press Go. To test more than one page at a time, simply open another window - In Scrutiny repeat step 1. In Reactivity use File > New or command-N

3. The app will find all elements that make up your page - the html file, the images, javascript files and css files. It will load each element separately without multi-threading so that you get the most accurate timings.

4. Remember that the response time and load time will reflect the server's response time and speed, but will also be affected by the speed of your own internet connection.

5. You will see a total weight for the whole page. (The one in the example is a bit hefty). You will be able to spot any elements on your page which are particularly big, and you'll also be able to spot any elements which are slowing your page down -  third party code or plugins often cause such problems and affect your page's response - maybe even your Google page rank.

6. If your site uses compression, then you'll see the compressed as well as the uncompressed size for each element as well as totals, and see how effective that is being.

Wednesday, 17 April 2013

How to generate an XML sitemap using Scrutiny

1. First you need to crawl your site. Type the address of the website's home page into the Starting url box and press Go


2. When that's finished, switch to the Sitemap tab and check that this list contains your pages as you expect. See the manual for more information about how to exclude pages or why some might not be appearing

3. 'Change frequency' indicates to Google how often you feel that you update your pages. This doesn't oblige them to crawl your site any more or less regularly. If you generally update your pages more regularly or less regularly than weekly, you might like to change the default setting and press 'Update all'.


4. The 'Priority' you give your pages is a measure of how important you think each of your pages. Priority must be a value beetween 0.0 and 1.0. I suggest that you mark your home page as 1.0, one important page as 0.9, slightly less important pages as 0.5 and then decreasing from there. If you choose the 'Automatic' setting, Scrutiny will mark your starting url as 1.0 and then calculate the others based on the number of clicks from the home page, and use a logarithmic scale. ie one click from first page = 0.5, two = 0.3, three = 0.2 with all other pages = 0.2

4. For more specific control, you can set up some 'rules' to specify priority and update frequency for certain pages or sections of your site. You don't need to enter a full url - like the black and white lists on the front settings screen, you only need to enter a partial url. This way it is possible to specify a particular url or a section of the site, eg "/engineering/"


5. When you're ready, go to Export > XML  and choose where you save the sitemap file.


6. See the search engine's own help for details of how to submit your sitemap.

Sunday, 7 April 2013

ScreenSleeves screensaver - Installing and setting preferences

It's a shame that the Lounge screensaver seems to have disappeared. It displays only the currently playing album cover with some details in a very neat, easy-on-the-eye-way (a la Front Row). Being a screensaver it just kicks in if you leave your computer or mouse to your hot corner.

So I set about writing a similar app. But with Spotify support too, which I would have liked in Lounge - I use both iTunes and Spotify equally.

Screensleeves detects which is playing and displays cover art and details for the currently-playing track:



As with most screensavers there are some options, and it's not always obvious how to find these options. So here's a quick tutorial.

[14 May 2013 - this page updated to reflect the new options in v2  If you don't have all of the options below, please download and install the current version,  v2]

Installing

Simply double-click the package icon from within the downloaded dmg. System Preferences will open and confirm that you'd like to install the saver. It'll do so and show you a preview. Note that with earlier systems you may need to click the saver's name in the left-hand list if you want to switch to it.

Accessing options

After you've installed, you can get back to the options via System Preferences > Desktop & Screen Saver > Screen Saver   and press 'Options'


What those options mean

1. Artwork size. The artwork and text size will adjust itself to be suitable for your screen size, but you can make the default size larger or smaller.

2. 3D effect. The cover can be displayed flat or at an angle. This slider adjusts the angle of the effect.

3. A Progress bar can be displayed showing the position within the current track.

4. Rating / Popularity. If iTunes is playing, your star rating will be displayed and you can press keys 0-5 to change the rating. If Spotify is playing, the Spotify popularity will be shown. You are unable to change this except by playing the tune which is a vote for it.

5. Use default image if no artwork available. If no artwork is available, this box chooses whether the default image is used.


6. ScreenSleeves can default to any of the other screensavers if necessary. Just choose your favourite from the list.  Note that the alternative won't show in the preview window. You'll need to press 'Test' or Preview' or use your hot corner

7. This box allows you to choose whether the alternative saver cuts in if there's no music playing, or if no music player is running. Checking this box means that if there's a player available, but paused, ScreenSleeves will display a 'Paused' message and allow you to start the player using the spacebar.

8. If both players are running but paused, these buttons allow you to choose which one starts playing when you press the spacebar.

9. Setting a modifier helps to prevent the rating of a track being changed accidentally. 'none' means that you can just press keys 0-5 to set the rating. 'control', 'alt', or 'cmd' mean that you have to press that key along with 0-5 to change the rating.

Triggering the screen saver

As per any screensaver, it'll kick in after a preset time, or you can trigger it manually by setting up a Hot Corner. While your System Preferences window is showing, you can use the 'Test' or 'Preview' button for a full-screen preview.

Download

In case you missed it at the top of this post, the ScreenSleeves download is here

Tuesday, 2 April 2013

How to find and display a website's broken links

This tutorial uses Scrutiny or Integrity

1. First you need to crawl your site. Type the address of the website's home page into the Starting url box and press Go



The application will start at your home page, find all of the links on it, check those links and then for each of those which is another page on your site, check for links on those pages too, and so on. This will all happen surprisingly quickly.

2. When the crawl has finished, you'll see a list of the links on your site. Each link may appear just once or appear on many pages (for example a 'home' link may appear on every page of your site).

3. If the resulting list of links includes urls you don't expect or don't want, you may need to look at your settings and preferences.

4. We're interested in just the bad links so in Scrutiny, tick 'Bad links only'. In Integrity, find 'Bad links only' under the View menu, or its button in the toolbar if you have it showing, or command-B.



5. If you're interested in seeing which links are bad and then seeing a list of pages that link appears on, you want the 'By link' view. If you're interested in seeing a list of pages which need attention and then seeing which links need attention on that page, you want the 'By page' view. The Flat view shows each occurrence of each link on a separate row.


You can sort any of these tables by clicking on a column header.

6. If you see none, good news! If you see some bad links, the Status column will tell you the reason.

7. Double-click a link to see more information about that link, including the pages that it appears on. From there you can click a page to either visit that page or highlight the link on that page.



Thanks for your interest in these applications. Please use the comments box for any questions, comments and suggestions.

Thursday, 28 March 2013

Links, Pages and crawling your website

I'm worried that this sounds patronising, but I'm asked about this regularly and some users use the words 'link' and 'page' interchangeably, obviously confusing them.

I hope this helps to clarify the statistics that Integrity and Scrutiny display. (Click to enlarge)


Tuesday, 5 March 2013

Organise Report Builder Tutorial - getting started

This tutorial is to help you get started with Report Builder for Organise, a free app which is included in the .dmg for Organise Pro version 6.2, available very shortly.

If you work through this tutorial with me, you'll understand how to create and save a report, how to select records to appear in your report and create some columns.

This simple example report will display a list of all items in your database which have a quantity of zero or less.

1. Open the Report Builder application. It'll be ready to start creating a new report

2. Choose to 'Select from' Items

3. Press Add to add a selection criteria ('Where'). Choose 'qty' as the field name, 'is less than' for the operator and type '1' as shown here. (We need to say 'less than one' because Organise Reports don't currently offer 'equals or less than'. If you know that no items have a negative quantity then you could say 'equals 0'). OK that.

4.  Press Add to add a column. Choose 'Item name' as the heading, 'item' as the field and 400 as the width. OK that and then add another with 'Qty' as the heading, 'qty' as the field and 100 as the width. OK that. You can adjust the widths now if you like, and even re-order them by drag-and-drop.


This is what the report looks like so far:


5. Choose File>Save (or cmd-S) and name your report 'Out of stock items'. OK that.


6a. If you're on Organise Pro version earlier than 6.2, quit Organise if it's running and then open it again. You should see your new report in the Reports list. Run it to check that it works.

6b. If you're on Organise Pro v6.2 onwards, just press 'Run' (or File > Run Report or cmd-R) to update Organise with your new report and run it.

7 Once the report is run, note that you can sort the columns by clicking on the headers. You can also export in a number of formats such as .csv to open it in a spreadsheet application.

Saturday, 16 February 2013

robots.txt - a cautionary tale

I was surprised the other day to see this:


I have to confess that I'd been working on robots.txt functionality in Scrutiny and had accidentally left the robots.txt file in place.

That's a cautionary tale, but not the one I wanted to tell. My file was very similar to this (with a couple of urls in the Google disallow list) - the screenshot is from www.robotstxt.org


I've ruled out a few possibilities but I see from Google's own developer help that the name of the Google robot is actually googlebot not Google. I'm assuming that this is the reason for my problem. If you can confirm this or know better, please leave a message in the comments below.