The document discusses page speed and provides tips for optimizing website page speed. It introduces tools like Google Page Speed and Yahoo YSlow for measuring page speed. It then provides steps on how to use these tools and makes recommendations for improving page speed through image optimization, CSS and JavaScript minification, reducing errors, caching assets, and reducing the number of HTTP requests and third party widgets.
WordPress SEO Site Optimization Strategies & TechniquesJeff Kemp
This document provides strategies for optimizing a WordPress site for SEO, including setting up analytics and plugins, optimizing on-page elements like titles and images, improving page speed, adding internal and external links, and using link directories to build backlinks. It recommends plugins and tools for each task and emphasizes measuring success through analytics to track SERP performance and page rank over time.
This presentation is based on the original one from the author of the book ( 'Steve Souders' ), it's about his book titled 'High Performance Websites''
Performance Of Web Applications On Client MachinesCurelet Marius
Performance of Web applications on client machines. This paper refers to the performance of Web browsers and applications in general and of JavaScript code on the client machine.
A presentation from SEO Campixx Barcamp 2011 in Berlin. Web Performance Optimization is about making websites faster. Here i discussed different measures and show the impact on competitive advantage and possibly rankings on Google. Undeniably you can say that better performance leads to more sales and better usability in terms of bouncing rates. View image slides here: http://b0i.de/wpopresentation
With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.
Site speed is a ranking factor in Google, and for good reason. Visitors have a short attention span, and will quickly navigate away from a slow website, especially on mobile. This presentation covers essential tools and techniques for improving your load times and PageSpeed score, such as caching, image optimization, and plugin performance.
Ideal web page performance
How to maximize your content view with minimal attention span of your viewers?
Impact of page performance on Business metrics
Profiling a Http request
Browser Architecture, Critical Rendering Path
Applying FFSUx to get optimal webpage performance.
These are the slides from my talk "Your WebPerf Sucks" at HK CodeConf 2015 (http://hongkong.codeconf.io) at Science Park in Hong Kong, October 24th.
Web Performance is an important aspect of building for the web and this talk highlights different aspects of what is important and what can be done to improve web performance and build faster sites. While mentioning different aspects of possible improvements, the main focus lies on optimising the critical rendering path to get pages on the screen faster and what tools can help to do so.
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at the Responsive Web Design Summit hosted by Environments for Humans.
How to migrate your blog from Wordpress to HubSpotVu Long Tran
Learn how to migrate your blog from WordPress to HubSpot. We will walk through concepts such as exporting blog from WordPress, importing blog into HubSpot and learning how to set redirects to ensure you don't lose any organic traffic.
There's no question about it. A slow website will cost you sales. WordPress website speed can sometimes be difficult to tackle.
We've put together a guide on improving your WordPress website loading times. Our WordPress speed guide is perfect for those who want to learn how to speed up their WordPress website in 2019.
Let us know what you think!
SearchLeeds 2018 - Bastian Grimm - Peak Ace - International site speed: Going...Branded3
Especially in a mobile-first world, fast loading websites are of utmost importance. Also, Google has been very vocal about anything web performance in the last few years and is pushing hard to innovate repeatedly. But performance is so much more! User satisfaction should be the main goal because expectations are clear: You’ve got two to three seconds maximum to deliver, so make it count. During Bastian's SearchLeeds 2018 talk he walked through various advanced topics around web performance optimisation going way beyond Accelerated Mobile Pages (and other short-term solutions) to make any website really, really fast.
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
How to connect your subdomains to HubSpotVu Long Tran
Learn how to connect your subdomains and domains to HubSpot. We will walk through concepts such as subdomains and DNS to help you understand why and how we connect your domain name to HubSpot (or any other website hosting provider).
Here is the presentation from Dave Jesch, a Wordpress Plugin Developer, who walked our Meetup.com group through an installation of Wordpress and respective SEO plugins. Dave actually created two plugins linked to from the Slideshare for Google Analytics and Facebook integration. Visit http://www.diyonlinesolutions.com/ to learn more about Dave Jesch.
WPblog's Ultimate WordPress Guide to Boost Your Website Performance Jessica Ervin
Your website performance is crucial to its success. It is essential that you analyse your website’s speed and take critical steps to improve performance metrics. If you don’t, If you don’t, not only do you lose visitors, but you might be losing a lot of business as well.
For this reason, WPblog has released a complete guide on WordPress performance optimization where you can learn how to analyse your website speed, and improve its performance.
Source: https://www.wpblog.com/ebook-library/wordpress-performance-optimization
This document provides tips for tuning up a website to improve credibility, navigation, design, performance, and SEO. Some key recommendations include adding copyright dates, labeling form fields to improve accessibility, optimizing page load speed through caching and minimizing requests, and using social media links and surveys to increase engagement.
There Are No “Buts” in Progressive Enhancement [Øredev 2015]Aaron Gustafson
Progressive enhancement sounds practical, but not for your current project, right? Good news: you’re wrong!
In this session, Aaron will debunk the myths that often preclude individuals and organizations from embracing progressive enhancement and demonstrate solid techniques for applying progressive enhancement in your work.
By the end of this session, you’ll walk away with
* a better sense of the devices people are using to access the Web,
* a framework for envisioning experience as a continuum, and
* a solid understanding of how to improve the accessibility and reach of your Web projects.
Come find out why progressive enhancement isn’t just for “content” sites (whatever those are).
As programmers, we concentrate so much on the server/backend side of things that we often forget to measure performance from the Client's viewpoint. This presentation describes a bunch of techniques that can be used to speed up our websites.
Opening remarks for PhoneCom 2011 workshopphonecom
The document summarizes the 1st International Workshop on Sensing, Networking and Computing with Smartphones (PhoneCom 2011). The workshop aims to discuss issues and solutions related to sensing, networking and applications on smartphones. It brings together researchers from various fields to address challenges like context-aware computing and fragmented phone models/frameworks. The agenda includes keynote speeches, paper presentations on topics like location sharing and energy monitoring, and a panel discussion on research challenges for ubiquitous phone computing.
Brianna started technical college with the goal of becoming a veterinarian but faced significant financial challenges. She took out the maximum available in loans and aid but still had an unmet need of $4,500. To make ends meet, she worked 30 hours a week between two jobs on top of a full course load. The stress took its toll, as she fell asleep in class and earned poor grades in her first term, including D's in two courses and a cumulative GPA of just 0.750.
The document is a user manual for the TB100 Rugged Business Tablet. It provides instructions on installing, operating, and maintaining the tablet. Safety information is also included, such as guidelines for charging the battery within 0-40°C and storing the battery between -20-60°C. Regulatory information from various organizations like the FCC and Taiwan NCC is also listed.
The designer created a poster for a film by starting with an image of a Citroen C3 from the film and adding the title. They then adjusted the toning and added the release date and age requirement. Finally, a brief description was added as a subtitle and the text was rearranged.
Modul ini membahas berbagai metode pengambilan sampel (sampling) dalam penelitian, termasuk probability sampling seperti simple random sampling dan stratified random sampling, serta non-probability sampling seperti purposive sampling dan accidental sampling. Metode sampling dipilih berdasarkan karakteristik populasi dan tujuan penelitian.
This document discusses career planning and development including organizing, executing, and controlling professional practices as well as utilizing company resources like statistics and the stock market. It also mentions English classroom learning and travel which could help develop skills for a successful career.
Patrick S. Muga has over 33 years of experience in project management, engineering, construction, and commissioning of oil and gas facilities. He has led multi-disciplinary teams on projects around the world. Muga has expertise in safety management, instrumentation and electrical systems, and project controls. He currently works as a senior project engineer focusing on HSSE, commissioning, and training.
The major histocompatibility complex (MHC) genes code for human leukocyte antigens (HLA) that regulate the immune system and present antigens. MHC is divided into three classes, with class I and II expressing different HLA molecules. HLA is highly polymorphic, contributing to genetic diversity and differences in susceptibility to infectious diseases among populations. Certain HLA variants are associated with increased or decreased risk of developing tuberculosis. Understanding how HLA influences immune responses to infections could help develop future vaccines that target HLA-associated peptides.
Core Web Vitals will roll out in 2021, we are going to explain the specifics of Core Web Vitals and help you understand how your search rankings will be affected. Here are some actions to take right away!
Poslovni Imenik BiH. Registar Firmu u BiH.
Upisite se na lokal.ba, najpopularnijoj poslovnoj mreži u Bosni i Herzegovini .
Budite tamo gdje su vaši kupci. Registar firmi u BiH
https://lokal.ba/
Is Poor Performance Dragging You Down? Here are Five Strategies to Maximize P...Nirvana Canada
Whoever said patience is a virtue certainly never had to contend with modern-day websites. In this digital era, speed is everything, and failing to meet the critical 2-second load time could cost you big in terms of ranking and web traffic. If you made it your mission to boost your website performance this year, here is why you should start at the source.
Ctrl+F5 Bangalore 2017: Super charge you word press website by Justin ThomasResellerClub
Justin delves into the issues encountered by WordPress Developers and Designers with different kinds of Hosting, looks at the solutions, learns how to ensure limits are not breached with your hosting provider and how to get the best performance for your website without overspending on infrastructure.
SEO 101 - Google Page Speed Insights Explained Steve Weber
During our second SEO webinar lesson, we spoke about the importance of site speed. We ran through an explanation of the Google Page Speed insights tool and how to take care of the most common optimizations the tool sugests to site oweners.
Speed kills. Did you know that consumers expect a site to load in 3 seconds or less? Learn why & how how to audit and optimize your site's speed with this quick guide. Plus, our own mini case studies on the impact site speed has for conversions!
Checkout the full blog at https://www.vendasta.com/blog/speed-kills-websites-speed-and-performance
Wondering what Google’s Core Web Vitals update is about? In this blog, we explain what the metrics are, why they are important, and how you can improve them. https://www.webguru-india.com/blog/core-web-vitals/
Boosting your conversion rate through web performance improvementsAlyss Noland
This document discusses ways to improve web performance and boost conversion rates. It begins by explaining how slow page loads can negatively impact businesses, costing Amazon $1.6 billion per year for every second of slowdown. The document then discusses various metrics that impact performance like page size, number of HTTP requests and JavaScript size. It provides tips for testing and improving performance, such as optimizing images, minifying files, leveraging caching and CDNs. The document stresses that web performance optimization is an ongoing process of testing, setting budgets and refactoring code over time.
WordPress SEO in 2014 - WordCamp Baltimore 2014Arsham Mirshah
This document contains the notes from a WordPress and SEO technical talk given at the Baltimore WordCamp on October 18, 2014. It discusses optimizing WordPress websites for search engines and users through on-page SEO techniques like optimizing page URLs, title tags, meta descriptions and internal linking. It also covers off-page SEO and recommends plugins to help with tasks like image optimization, caching, and XML sitemaps. The presenter's overall message is to make websites easy for users and search engines to access, understand and digest content.
This document provides tips to improve website loading speed in order to increase traffic. It recommends optimizing images by compressing file sizes and using appropriate formats. Other tips include minimizing HTTP requests, placing stylesheets and JavaScript files strategically, reducing cookie sizes, minifying code, avoiding unnecessary redirects, optimizing DNS lookups and DOM elements. The document offers for a free site health check from PixelCrayons to analyze loading speed and suggest improvements. Contact details are provided to get help optimizing a website for faster loading.
This document provides guidance on optimizing a WordPress website to improve Google PageSpeed scores. It recommends optimizing JavaScript and CSS by combining and minifying files, deferring non-critical scripts, and using plugins. It also recommends optimizing images using plugins like ShortPixel or WP-Smushit to compress large images. Following these steps, the author was able to increase their mobile speed score from 62 to 95 and desktop suggestion score from 72 to 85.
Do you want to speed up your website performance quickly? Learn how to quickly improve your WordPress website performance in under 30 mins by following just 15 simple steps
The document provides tips for optimizing web page performance based on Yahoo's YSlow guidelines. It discusses 12 tips, including making fewer HTTP requests, using a content delivery network, adding expires headers, gzipping components, putting CSS at the top, moving scripts to the bottom, avoiding CSS expressions, making JavaScript and CSS external, reducing DNS lookups, minifying JavaScript, avoiding redirects, and removing duplicate scripts. It also discusses optimizing JavaScript performance through choosing optimal algorithms and data structures, refactoring code, minimizing DOM interactions, and using local optimizations. Measurement of performance is recommended at each stage of the optimization process.
Technical SEO has to do with the functionality of a website. The first precondition for a good ranking in search engine result pages is that the site works properly.
Technical SEO has to do with the functionality of a website. The first precondition for a good ranking in search engine result pages is that the site works properly.
Increase website page speed in 4 simple stepssplashsys
This document discusses 4 simple steps to increase website page speed: 1) Leverage browser caching by modifying the .htaccess file, 2) Specify image dimensions, 3) Enable gzip compression to reduce file sizes, and 4) Minify CSS and JavaScript files to remove unnecessary characters. It also provides additional tips and lists 10 tools for analyzing page speed.
The document discusses website performance and optimization. It notes that nearly half of users expect a site to load within 2 seconds and will abandon a site taking longer than 3 seconds. Common issues causing poor performance are bloated templates, unnecessary code, and too many HTTP requests. Suggested optimizations include minimizing assets, prioritizing visible content, image optimization, caching, compression, and lazy loading. Case studies show significant speed improvements after implementing optimizations. Metrics like Speed Index measure how quickly visible content displays to influence perceived performance.
Similar to Is your website's speed letting you down? (20)
Delegation Inheritance in Odoo 17 and Its Use CasesCeline George
There are 3 types of inheritance in odoo Classical, Extension, and Delegation. Delegation inheritance is used to sink other models to our custom model. And there is no change in the views. This slide will discuss delegation inheritance and its use cases in odoo 17.
Views in Odoo - Advanced Views - Pivot View in Odoo 17Celine George
In Odoo, the pivot view is a graphical representation of data that allows users to analyze and summarize large datasets quickly. It's a powerful tool for generating insights from your business data.
The pivot view in Odoo is a valuable tool for analyzing and summarizing large datasets, helping you gain insights into your business operations.
No, it's not a robot: prompt writing for investigative journalismPaul Bradshaw
How to use generative AI tools like ChatGPT and Gemini to generate story ideas for investigations, identify potential sources, and help with coding and writing.
A talk from the Centre for Investigative Journalism Summer School, July 2024
How to Configure Time Off Types in Odoo 17Celine George
Now we can take look into how to configure time off types in odoo 17 through this slide. Time-off types are used to grant or request different types of leave. Only then the authorities will have a clear view or a clear understanding of what kind of leave the employee is taking.
How to Add Colour Kanban Records in Odoo 17 NotebookCeline George
In Odoo 17, you can enhance the visual appearance of your Kanban view by adding color-coded records using the Notebook feature. This allows you to categorize and distinguish between different types of records based on specific criteria. By adding colors, you can quickly identify and prioritize tasks or items, improving organization and efficiency within your workflow.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
Principles of Roods Approach!!!!!!!.pptxibtesaam huma
Principles of Rood’s Approach
Treatment technique used in physiotherapy for neurological patients which aids them to recover and improve quality of life
Facilitatory techniques
Inhibitory techniques
(T.L.E.) Agriculture: Essentials of GardeningMJDuyan
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏.𝟎)-𝐅𝐢𝐧𝐚𝐥𝐬
Lesson Outcome:
-Students will understand the basics of gardening, including the importance of soil, water, and sunlight for plant growth. They will learn to identify and use essential gardening tools, plant seeds, and seedlings properly, and manage common garden pests using eco-friendly methods.
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...Murugan Solaiyappan
Title: Relational Database Management System Concepts(RDBMS)
Description:
Welcome to the comprehensive guide on Relational Database Management System (RDBMS) concepts, tailored for final year B.Sc. Computer Science students affiliated with Alagappa University. This document covers fundamental principles and advanced topics in RDBMS, offering a structured approach to understanding databases in the context of modern computing. PDF content is prepared from the text book Learn Oracle 8I by JOSE A RAMALHO.
Key Topics Covered:
Main Topic : DATA INTEGRITY, CREATING AND MAINTAINING A TABLE AND INDEX
Sub-Topic :
Data Integrity,Types of Integrity, Integrity Constraints, Primary Key, Foreign key, unique key, self referential integrity,
creating and maintain a table, Modifying a table, alter a table, Deleting a table
Create an Index, Alter Index, Drop Index, Function based index, obtaining information about index, Difference between ROWID and ROWNUM
Target Audience:
Final year B.Sc. Computer Science students at Alagappa University seeking a solid foundation in RDBMS principles for academic and practical applications.
About the Author:
Dr. S. Murugan is Associate Professor at Alagappa Government Arts College, Karaikudi. With 23 years of teaching experience in the field of Computer Science, Dr. S. Murugan has a passion for simplifying complex concepts in database management.
Disclaimer:
This document is intended for educational purposes only. The content presented here reflects the author’s understanding in the field of RDBMS as of 2024.
Feedback and Contact Information:
Your feedback is valuable! For any queries or suggestions, please contact muruganjit@agacollege.in
How to Handle the Separate Discount Account on Invoice in Odoo 17Celine George
In Odoo, separate discount account can be set up to accurately track and manage discounts applied on various transaction and ensure precise financial reporting and analysis
How to Install Theme in the Odoo 17 ERPCeline George
With Odoo, we can select from a wide selection of attractive themes. Many excellent ones are free to use, while some require payment. Putting an Odoo theme in the Odoo module directory on our server, downloading the theme, and then installing it is a simple process.
How to Store Data on the Odoo 17 WebsiteCeline George
Here we are going to discuss how to store data in Odoo 17 Website.
It includes defining a model with few fields in it. Add demo data into the model using data directory. Also using a controller, pass the values into the template while rendering it and display the values in the website.
Webinar Innovative assessments for SOcial Emotional SkillsEduSkills OECD
Presentations by Adriano Linzarini and Daniel Catarino da Silva of the OECD Rethinking Assessment of Social and Emotional Skills project from the OECD webinar "Innovations in measuring social and emotional skills and what AI will bring next" on 5 July 2024
Webinar Innovative assessments for SOcial Emotional Skills
Is your website's speed letting you down?
1. Published by SEO Juice
http://www.seo-juice.co.uk
06/11/11
Page speed
The purpose of this article is to show you what page speed is all about, inform you of the
tools out there for monitoring your site’s performance and how to speed up your website.
Introduction
Google announced some time ago that a page’s load speed would become a ranking factor
in the SERPs. We are not sure how much relevance this criteria actually has in Google’s
overall ranking algorithm, but it is always a good idea to have your website loading as fast
as possible, to give your visitors a great experience on your website.
In my opinion a webpage has to load within 2-3 seconds, Google say about 1.5!!! (How!!!
Just text only and nothing else, get real!).
Let’s say the average website visitor has only a 1MB broadband Internet connection, (if
you’re still on dialup then I’m sorry, you’re not average).
The maximum download rate for a 1MB connection is 125kbps. This means for your website
to load within 1 second, that’s how big all the assets on your site need to be. If you want
your site to load within 2 seconds, then you are allowed 250kbps, 375kbps for 3 seconds
and so on. If a visitor has a 2MB broadband Internet connection then they get your page,
theoretically, 50% faster.
Now, there are 2 very good tools for testing the speed of your website, they also give you
very valuable information on improvements to the structure of your site . These 2 tools are
Google Page Speed and Yahoo YSlow.
Both these tools perform similar tasks but they also have unique options that are not to be
ignored.
Right, let’s get on with optimising pages shall we?
2. Install Google page speed
If you are going to monitor the speed of your website then one of the best ways to do this
is to use the Google Page Speed plugin for Firefox. To do this you will need to:
• Open your Firefox web browser.
• Ensure that you have Firebug installed. Available from here if you need it.
• Login to your Google account.
• Go to Webmaster Tools and select your website from the list (You may need to add it
first).
• Click on the Labs option in the left hand menu and choose Site Performance.
If there is data available then you will be presented with a graph, similar to the one below.
This graph above shows you your sites load times for the past 6 months. Once you have
read this article, you should be able to decrease the load times of your pages by at least
25%!
Using Google page speed
To start using Google page speed in Firefox, you need to do the following.
• Click on the Firebug symbol in Firefox (Top right corner in FF6).
• Choose the Page Speed tab in the bottom panel.
• Click the Analyse Performance button to start the speed tests.
You will first see a page speed score. Anything over 85 is good. Looking down the list you
3. will see red and yellow icons, these are big areas for improvement, fix these first if you can.
Some things might be out of your control like GZip compression and browser caching.
Measuring page load times
To start off with, choose the homepage of your website to work on or a page with lots of
assets and do the following.
• Open your website’s homepage in Firefox.
• Open Firebug and click on the Net tab.
• Press CTRL+F5 and an un-cached version of your site will be seen.
• In the bottom right of your browser you will see the speed in which it took the page to
load.
• My example speed test page is here
• http://www.seo-juice.co.uk/speed.php
• There are ~465KBs of assets and it took ~1.60 seconds to load
• Press F5 to see a cached version of the page. The load speed is now ~700ms, based on
standard webpage caching principles.
• In the timeline below you will also see all the assets loading and how long they take to
load.
• Make a note of how long your page takes to load. Initial load and cached loading. Use
these later after you have optimised the page.
4. Shrinking your assets
The next things to look at are the green ticks that have a small arrow next to them.
A big saving in file sizes can be made by fixing these issues. See below to see how you can
speed up your site faster than you think.
Image optimisation
• Click the small arrow to the right of the green tick and you will see a list of images
which can be optimised.
• Page Speed is fantastic here as it has already converted the image to the lowest size
for you and you can download it by clicking on the Save as link. How cool is that!
• Just upload the image to your server and that’s 1 less problem to deal with and probably
5kb saved in just 1 image.
• Rinse and repeat for all the images it has concerns for. Some sites with lots of images
could see a saving of around 40kb from just this one simple fix.
• Also, any images on webpages must have a Height and Width value attached to each.
This allows for faster render and drawing of the images on screen. Without these 2
values, the browser has to do the math on the images, slowing the page load time
down even further.
• To make your images load even faster, any image hover events that require an image
should be placed into 1 image as an image sprite. This requires less HTTP requests as
well as slightly smaller image assets overall.
5. Minifying CSS & Javascript
This is a good technique to employ as your CSS file sizes will decrease, but the content of
them will become extremely hard to read as all the white space and line breaks would have
been removed. Always keep a readable backup of your files to work with.
There are some free online tools to minify your CSS and JS below
• http://www.minifycss.com/css-compressor/
• http://www.minifyjs.com/javascript-compressor/
Page load errors
Page load errors will decrease your load times and are one of the easiest problems to fix.
Inside the Net tab in Firebug, any references to missing assets are shown in red. Well, what
are you waiting for? Sort them out!
I performed an experiment on my speed.php page with 1 missing css reference, 118ms
was wasted trying to find an asset that did not exist.
I did the same thing with 10 missing references and the page speed was ¼ second slower.
Not much but add that to the time saved from images, JS & CSS load times and your page
load times could come down between 1 & 2 seconds.
On the web, 2 seconds of waiting is a long time. If only UK call centres would adopt this way
of thinking:-)
Reduce HTTP requests with caching
If assets like images and CSS on your website very really change then you can add all or a
selection of the following caching options to your .htaccess file (Apache Server only). Please
be warned that one mistake in your .htaccess file will break your website so be careful!
If you make a change on your site then CTRL+F5 will need to be pressed a few times to see
6. the new assets loaded. If you wanted to ensure that your site visitors saw the new assets,
then you would have to upload them with a different file name and then link to this one.
You can copy the code below, AT YOUR OWN RISK, into your .htaccess file to allow assets
to be cached, thus making your website load faster on subsequent visits.
The number 604800 is equal to 7 days
(1 day = 86400 [60 seconds * 60 minutes * 24 hours] )
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A300
ExpiresByType image/x-icon A604800
ExpiresByType application/x-javascript A604800
ExpiresByType text/css A604800
ExpiresByType image/gif A604800
ExpiresByType image/png A604800
ExpiresByType image/jpeg A604800
ExpiresByType text/plain A604800
ExpiresByType application/x-shockwave-flash A604800
ExpiresByType video/x-flv A604800
ExpiresByType application/pdf A604800
ExpiresByType text/html A604800
ExpiresByType image/ico A604800
</IfModule>
Page speed for Google Chrome
Page speed is also available for Google Chrome, although it is in beta version at the time of
writing so use it at your OWN RISK. Details on how to install it are below.
• Open up a new tab in Google Chrome and type “about:flags”.
• Scroll down to Experimental Extension APIs and click on Enable.
• Go to the page here and click the install link.
• Once installed, click the spanner symbol in the top right, choose Tools > Developer
Tools.
• Welcome to Page Speed for Google Chrome!
7. Installing YSlow
Yahoo YSlow is another cool page speed tool that should not be ignored. Installation guide
below.
• Go to http://developer.yahoo.com/yslow/. There are versions for Firefox & Chrome.
• Download and install the version you need.
• YSlow is accessed from Firebug in Firefox.
• YSlow is accessed from the YSlow icon in the top right tool bar in Google Chrome.
I won’t go into much detail here as I have covered all the main concepts above with Google
Page Speed but YSlow will give you a grade for your webpage and tell you what’s wrong
with it.
To get a quick report go to YSlow > Tools > Printable View. Print it out and work through
correcting the issues.
The graph below on the right just goes to show what optimisation and caching can do to
the amount of assets that have to be downloaded when your webpages are accessed.
Don’t sacrifice quality for speed
Don’t sacrifice quality too much and lose that visual impact, especially if you are a
photographer. If things may be slow for the user, set this expectation at the start somewhere,
(“Hi I’m a photographer, I have lots to show, please give me 30 seconds to sort my stuff out,
it will be worth the wait, I promise). Set the expectation from the start and raise awareness.
8. Published by SEO Juice
http://www.seo-juice.co.uk
06/11/11
Thought for you. If I told you to wait for 30 seconds for “SOMETHING” and you got it after 30
seconds, you would be happy. Yes, you got what you expected.
But, If you sat there for 30 seconds, with no warning, waiting for a website to load, would
you be happy at the end of those 30 seconds?
Website widget overload
All the website widgets, adverts and social media “like” icons all slow your website down.
Maintain the right balance of these as these are useful for exposure across many social
mediums that can bring you that all important traffic.
Track page speed in Analytics
In the new version of Google Analytics, you can track the average load time of your pages
by adding the line below in red to your Google Analytics tracking code.
<script type=”text/javascript”>
var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-YOURID-X’]);
_gaq.push([‘_trackPageview’]);
_gaq.push([‘_trackPageLoadTime’]);
(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-
analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
To access your page speed figures in Google Analytic, follow the steps below.
• Log into Google Analytics.
• From the home page, select your website.
• Click Content in the left hand menu. and then click Site Speed. Viola!