Jump to content


Member Since 07 Feb 2012
Offline Last Active Today, 09:06 AM

#512916 site loading incredibly slow (on Retina) ?

Posted by BrowserBugs on 13 February 2017 - 12:19 PM

I'd agree auto play is bloody annoying, reminds me of the JML adverts blasting out in Robert Dyas. I'd say use an image as a backer with hover play icon. Then use js to load the video where the image is when the visitor clicks play ... now the video is not part of the initial load and you won't scare people away, commonly found when people are browsing at work and an auto play lets the office know what they're up to ;)

#512811 Hi there, new guy struggling to make a SE friendly website

Posted by BrowserBugs on 09 February 2017 - 09:53 AM

First off welcome to WDF! Secondly, love some of your photos, really crisp.


I have to side with fisicx, that Wix site is a lemon and maybe just set fire to it. The biggest issue I can see is that it appears to have no content in the source. Take a look at the source code of your website and try to find the text 'Welcome to Robert Peet Photography', nope, nothing, it's all displayed using javascript! Search engines can't see this. Now look at any of the top 10 for the search term 'wedding photographer manchester' in their source code, the text and images are accessible via the html, the search engines can both read the text and locate the images. I'm 99.9% sure this is your biggest headache, simply to the search engines all they can see is meta data, reminds me of back in the day when people made 100% Flash websites ;)


Starting over is the best option, but don't rush as the more planning you do before starting the neater the finish. Since you're a photographer galleries would be you biggest factor as examples of your work is the service they will be hiring, in addition the more stunning photos you have the higher the odds of people sharing on pinterest - for example I have a client who is a bodywork specialist, and photos of a custom Ford Mustang Fastback 1967 or the fully restored Austin Cambridge A55 Farina get plenty of social action and thus referrals, link juice and new customer enquiries who 'saw some of his work and have an X which is a bit rusty and needs some TLC...'. The same would work for you, brides want stunning photos of their day, stunning pictures of other brides, even the dress she is wearing would get a lot of pinterest interest (lol poet here).


Also before making just a 'gallery' try to work out how you and your visitors would like them structured. Maybe folder by client (e.g. all of one wedding day) or maybe by season (e.g. spring, summer etc) so a bride getting married in winter can see snow, sparkles etc, something she can relate to in advance of her big day.


Once all this is done I suggest digging into schema, this is perfect for this, the even have a page type for Gallery. You can then mark up each photograph in the gallery, each with their own properties. I would pay particular attention to locationCreated as this opens up geographic information. With this depth of schema the search engines know where each photo was taken, and since they know the geo of the manchester area your site is 'about a wedding photographer' and the gallery contain images of 'brides', 'groom', 'wedding party', 'reception', 'cutting the cake', 'signing the registry' etc all taken in location around Manchester. So when they ask 'who takes photos near manchester for a wedding' then you're site is a prime candidate.


A lot to think about, we're all here for questions but my advice is plan it well :D

#512372 SEO service recommendation needed.

Posted by BrowserBugs on 18 January 2017 - 05:40 PM

I’am using  SerpClix earlier i thought it was not worthy enough and my experience has been excellent.Need to wait for more upcoming months as these results will maintain constantly.


Um, and a Sasquatch said whaaaa?

#512371 Hired a designer and he left me after almost done job!

Posted by BrowserBugs on 18 January 2017 - 05:39 PM

The colour of the font will probably be in a css file and the 'location of some words' will either be in a database or in a paragraph tag in the relevant page.

#512141 What is Major Mistakes of Web Development for Small Business?

Posted by BrowserBugs on 06 January 2017 - 11:23 AM

Lol these threads always make me laugh, but to humour the op "What is Major Mistakes of Web Development for Small Business?" ... letting the small client overreach themselves, failing to take the client into consideration and their effort (or lack of). Some clients dream big - want all the bells and whistles, blogs, social channels and more yet they are hard pushed to come up with 2 paragraphs of half decent copy, WTF would they do with a blog?


Developers need to think before suggesting features, I've done it before, spending ages making a super cool custom cms the client wanted only to find they have lost interest keeping it updated after the honeymoon period, or their blog hasn't had an article since 2015, or their last tweet was about the London Olympics and they still only have 14 followers on facebook.


Now in every meeting I casually throw in "... and who will be keeping this up to date?" or "... so how often will this be updated?", with these answers you can make a site which they can maintain or a site that requires no maintenance. All too easy to reach for a CMS when it's often overkill for the client.

#511980 How many jQuery scripts do I need?

Posted by BrowserBugs on 27 December 2016 - 07:39 AM

I don't think you can do anything about those issues as the cache is set by the server delivering the resource. Generally when I develop I make sure the page hits 100/100 before I include third party bits. So for most of my clients they get 99/100 with only one issue...

https://www.google-analytics.com/analytics.js (2 hours)

So in your case each of those third party scripts will niggle away at the overall score.


Your cache in the htaccess looks ok, just depends how often things change.

#511956 How many jQuery scripts do I need?

Posted by BrowserBugs on 26 December 2016 - 10:48 AM

For speed it's all about delivering content prior to non required resources, lightboxes, toggle menu etc require interaction to function thus not required on initial load. If your js is broken then either their scripts are above the jquery file or they required a more recent version to function. In your op you had 2 jquery files loading, 3.1.0.min.js and jquery.js, not sure which version the jquery.js is? Also they should sit before the closing </body>.


I use javascript to load jquery and below the fold css (e.g. css not required to structure the page). Since i'm no js expert I used someone elses method which works quite well. Most my sites score 100%, but 95%+ if I have to use third party js where the cache is set to just 30 mins.

<script type="text/javascript">
function loadjscssfile(filename, filetype){ 
	if(filetype=="js"){ var fileref=document.createElement('script'); fileref.setAttribute("type","text/javascript"); fileref.setAttribute("src", filename); }
	if(filetype=="css"){ var fileref=document.createElement('link'); fileref.setAttribute("rel", "stylesheet"); fileref.setAttribute("type", "text/css"); fileref.setAttribute("href", filename); }
	if(typeof fileref!="undefined") { document.getElementsByTagName("head")[0].appendChild(fileref); }
loadjscssfile("/css/below-the-fold.css", "css");
loadjscssfile("/js/master.js", "js");

Images, always compress, tinypng.com and compressor.io are my go-to tools for this, I know both can do both png and jpg but I find each better at one file type. Also don't forget you can set cache via htaccess.

#511945 How many jQuery scripts do I need?

Posted by BrowserBugs on 24 December 2016 - 05:24 PM


Static assets such as scripts, images and so on can actually be served faster via CDN than keeping them local as users will download from a service that is geographically closer to them than the server where your site is hosted due to reduced latency.  e.g. your site is hosted in London and you get  a visitor from San Fransisco, the latency on that just to establish the TCP handshake (Before any meaningful data is transferred) is over 100ms.


It will also aid performance if your site receives a sudden spike in traffic, your server will cope better.



You generally want a single script that you bundle up and serve to your visitors to reduce the number of HTTP requests; however you can improve performance further by splitting up assets by page/route whereby you'd serve up a common script, then serve what is necessary for a given page and even load some scripts asynchronously based on a user action. 


No doubt mate, but it's often hard enough to get a client to buy decent hosting let alone splashing out on bells and whistles they can't 'see', knowing your job position in a company of that size you'll get all the toys ;)


Great point about splitting, pointless loading a single js file with a massive validation section only used on one page on the site, better to load the extra file when required, especially at a certain step point in the process, e.g. when required.


That said I'm waffling on like I know js, lol, my pet hate ;)

#511934 How many jQuery scripts do I need?

Posted by BrowserBugs on 23 December 2016 - 09:27 AM

I always use a local copy of the min version as I can set the cache. The two in your head is just loading 2 copies of jQuery, you only need one. Using an external version is a cross site request so would be slower.

#511932 Help with stalled design please!

Posted by BrowserBugs on 23 December 2016 - 09:15 AM

A quick thought about the sponsors. Why not have a sponsors page with a list and then use the banners with something like Slick to rotate, then you would have just one banner slot to home rather than a list per page? Just an idea :D

#511862 Font selection does matter

Posted by BrowserBugs on 19 December 2016 - 05:33 PM


#511803 Can you spot what's wrong?

Posted by BrowserBugs on 16 December 2016 - 10:36 AM

It's probably a minor thing Google likes on one and not the other. It could just be down to the domain name or a single good inbound link


However, I've just googled: trampoline park sussex and they both rank on page 1. A few tweaks to urbanjump and it could outrank the other. Fixing the truly awful code would be a good start - fixing this would tick a number of Google's boxes.


Totally agree here, also the other business is actually called 'Sky High Trampoline Park' and the other is called 'Urban Jump Ltd', and i'm not talking just domain, it's the business name. Second point to note is the same search term brings back just Sky High as a business result, unlike say 'Martial Arts Classes Sussex' which brings back 3 map results of different businesses. This says to me Google might just be relating the search term to an actual business request, hence the home and 2 sub pages for Sky High on that search term.



#511764 Layout Grid & Breakpoints

Posted by BrowserBugs on 15 December 2016 - 09:13 AM



Layout Grid



a structure comprising a series of horizontal and vertical lines, used to arrange content


That said you don't always need to use a grid, you can just use responsive columns based on percentage.


Break Points are exactly as they sound, it's when you need to change the flow or layout as the screen size has got too small for the design, the point at which the design 'breaks'. These can be compensated for using css and media queries.

#511753 Building a hidden WP site

Posted by BrowserBugs on 14 December 2016 - 04:48 PM

One bit of advice is make sure you know how the plugin handles the non logged in state, you don't want to cache a bunch of identical pages under different urls. I think Teodora implemented my beta mode into a plugin for WP where you can set the http header status to either 503 (under maintenance) or 404 (not found).

#511685 What equipment and software would you buy being a web designer?

Posted by BrowserBugs on 13 December 2016 - 11:18 AM

Just to add to Grants list I would say a comfortable chair / desk combo ... you'll be there for hours :D