Difference between revisions of "Firefox/Tweaks"

From ArchWiki
Jump to: navigation, search
(Improve font rendering by disabling pango: This pango speed up is for a bug is Firefox1.5 age. Not needed anymore.)
(34 intermediate revisions by 12 users not shown)
Line 1: Line 1:
 
[[tr:Firefox İpuçları]]
 
[[tr:Firefox İpuçları]]
 
[[Category:Web Browser]]
 
[[Category:Web Browser]]
 
 
 
{{Article summary start}}
 
{{Article summary start}}
{{Article summary text|Firefox configuration and modifications}}
+
{{Article summary text|This page contains advanced Firefox configuration options and performance tweaks.}}
 
{{Article summary heading|Related}}
 
{{Article summary heading|Related}}
{{Article summary wiki|Browser Plugins}}: Acquiring and installing plugins such as [[Flash]]
+
{{Article summary wiki|Firefox}}
{{Article summary wiki|Firefox}}: Installing and troubleshooting the Firefox browser and plugins
+
{{Article summary wiki|Browser Plugins}}
{{Article summary wiki|Speed-up Firefox using tmpfs}}: Caching the profile in RAM
+
{{Article summary wiki|Firefox Ramdisk}}
 
{{Article summary end}}
 
{{Article summary end}}
  
 
== Performance ==
 
== Performance ==
  
Improving Firefox's performance is divided into parameters that can be inputted while running Firefox or otherwise modifying its configuration as intended by the developers, and advanced procedures that involve foreign programs or scripts. Always use the latest version of Firefox.
+
Improving Firefox's performance is divided into parameters that can be inputted while running Firefox or otherwise modifying its configuration as intended by the developers, and advanced procedures that involve foreign programs or scripts.
  
=== Tunables ===
+
{{Note|Always use the latest version of Firefox.}}
''Improvements stemming from native Firefox settings.''
+
 
 +
=== Advanced Firefox options ===
 +
This section contains advanced Firefox options for performance tweaking. For additional information see [http://kb.mozillazine.org/Category:Tweaking_preferences these Mozillazine forum posts].
  
 
==== Network settings ====
 
==== Network settings ====
''References: [http://forums.mozillazine.org/viewtopic.php?t=53650 Mozillazine]''
 
  
*All settings can be adjusted by browsing to ''about:config''.
+
Advanced network settings can be found on the {{ic|about:config}} page (try searching for ''network'').
*Values for connections (HTTP, proxy, etc.) should be tweaked based on connection.
+
 
 +
{| class="wikitable" border="1" style="width: 100%;" cellpadding="5" cellspacing="0"
 +
|+ Recommended values for a 1.5Mb connection
 +
! Key || Value || Description
 +
|-
 +
| network.http.pipelining || true || Enable [http://www-archive.mozilla.org/projects/netlib/http/pipelining-faq.html pipelining] for normal connections
 +
|-
 +
| network.http.proxy.pipelining || true || Enable pipelining for proxy connections
 +
|-
 +
| network.http.pipelining.maxrequests || 8 || Maximum HTTP requests per pipeline
 +
|-
 +
| network.http.max-connections || 64 || Maximum number of total HTTP connections
 +
|-
 +
| network.http.max-connections-per-server || 16 || Maximum number of any type of connections per server
 +
|-
 +
| network.http.max-persistent-connections-per-proxy || 16 || Maximum number of keep-alive type connections per proxy
 +
|-
 +
| network.http.max-persistent-connections-per-server || 8 || Maximum number of keep-alive type connections per server
 +
|-
 +
| network.dns.disableIPv6 || true || Disable IPv6 support
 +
|}
 +
 
 +
{{Note|These settings need to be configured based on your connection.}}
  
These are the values for a 1.5Mb cable connection:
+
==== Turn off anti-phishing ====
<table border="1" cellpadding="2" cellspacing="0">
+
{{Note|Deleting files from your profile folder is potentially dangerous, so it is recommended that you back it up first.}}
<tr>
+
<th>Key</th>
+
<th>Value</th>
+
<th>Description</th>
+
</tr>
+
<tr>
+
<td>network.http.pipelining</td>
+
<td>true</td>
+
<td>enable pipelining for normal connections</td>
+
</tr>
+
<tr>
+
<td>network.http.proxy.pipelining</td>
+
<td>true</td>
+
<td>enable pipelining for proxy connections</td>
+
</tr>
+
<tr>
+
<td>network.http.pipelining.maxrequests</td>
+
<td>8</td>
+
<td>maximum HTTP requests per pipeline</td>
+
</tr>
+
<tr>
+
<td>network.http.max-connections</td>
+
<td>64</td>
+
<td>number of total HTTP connections</td>
+
</tr>
+
<tr>
+
<td>network.http.max-connections-per-server</td>
+
<td>16</td>
+
<td>maximum number of any type of connections per server</td>
+
</tr>     
+
<tr>
+
<td>network.http.max-persistent-connections-per-proxy</td>
+
<td>16</td>
+
<td>maximum number of keep-alive type connections per proxy</td>
+
</tr>
+
<tr>
+
<td>network.http.max-persistent-connections-per-server</td>
+
<td>8</td>
+
<td>maximum number of keep-alive type connections per server</td>
+
</tr>       
+
<tr>
+
<td>network.dns.disableIPv6</td>
+
<td>true</td>
+
<td>disables IPv6 support - may not work for all networks, some report speed increase</td>
+
</tr>
+
</table>
+
  
==== Turning off anti-phishing ====
+
The anti-phishing features of Firefox may cause Firefox to become slow to start or exit. The problem is that Firefox maintains an [[Sqlite]] database that can grow quite big which makes reading and writing slower after repeated use. If you feel that you do not need Firefox to tell you which sites may be suspect you can disable this feature:
{{note|Deleting files from your profile folder is potentially dangerous, so it's recommended that you make a backup of the folder first.}}
+
  
The anti-phishing features of Firefox may cause Firefox to become slow to start or exit. The problem is that Firefox maintains a sqlite database that might grow quite big, and reading and writing to this database begins to take some time when it grows bigger. If you feel that you do not need Firefox to tell you which sites may be suspect you can disable this feature:
+
* Turn off the following options under the security tab in preferences: ''"Block reported attack sites"'' and ''"Block reported web forgeries"''.
  
* Turn off the following options under the security tab in preferences: "Block reported attack sites" and "Block reported web forgeries".
+
* Delete all files beginning with {{ic|urlclassifier}} in your profile folder ({{ic|~/.mozilla/firefox/<profile_dir>/}}):
 +
$ rm -i ~/.mozilla/firefox/<profile_dir>/urlclassifier*
  
* Delete all files beginning with urlclassifier in your profile folder (~/.mozilla/firefox/********.default where ******** is some combination of letters and numbers. Default might be something else if you have created a non-default profile). Some of these files might be recreated by Firefox, but they won't grow any larger than their initial size:
+
:Some of these files might be recreated by Firefox, but they won't grow any larger than their initial size.
$ rm -i ~/.mozilla/firefox/*.default/urlclassifier*
+
  
==== Improve rendering by disabling pango ====
+
==== Stop urlclassifier3.sqlite from being created again ====
{{note|Exporting the setting may also fix font issues for the entire Mozilla suite.}}
+
If you did remove all the {{ic|urlclassifier*}} files as mentioned above, you may find out that {{ic|urlclassifier3.sqlite}} keeps growing again after a certain time. Here is a simple solution to avoid it for now and ever.
  
Add:
+
  $ cd ~/.mozilla/firefox/<profile_dir>
  export MOZ_DISABLE_PANGO=1
+
$ echo "" > urlclassifier3.sqlite
to {{ic|~/.profile}} and relogin for the change to take place.
+
$ chmod 400 urlclassifier3.sqlite
  
{{Expansion}}
+
This effectively makes the file empty and then read-only so Firefox cannot write to it anymore.
{{Box YELLOW||Would ~/.bashrc or ~/.zshrc also work?}}
+
  
=== Foreign modifications ===
+
=== Other modifications ===
''Advanced Firefox alterations''
+
This section contains some other modifications that may increase Firefox's performance.
  
==== Reduce load time by compressing the Firefox binary with upx ====
+
==== Reduce load time by compressing the Firefox binary with UPX ====
Run the following commands as root. [[pacman|Install]] the {{Pkg|upx}} package from the [[Official Repositories]].
+
[http://upx.sourceforge.net/ UPX] is an executable packer that supports very fast decompression and induces no memory overhead. It can be [[pacman|installed]] with the {{Pkg|upx}} package, availalble in the [[official repositories]].
  
Make a backup of the firefox binary:
+
Before using {{ic|upx}} to compress the Firefox executable, make a backup of the binary:
 
  # cp /usr/lib/firefox/firefox /usr/lib/firefox/firefox.backup
 
  # cp /usr/lib/firefox/firefox /usr/lib/firefox/firefox.backup
  
Invoke {{ic|upx}}, applying the best possible compression level:
+
Finally, invoke {{ic|upx}}, applying the best possible compression level:
 
  # upx --best /usr/lib/firefox/firefox
 
  # upx --best /usr/lib/firefox/firefox
  
 
==== Defragment the profile's SQLite databases ====
 
==== Defragment the profile's SQLite databases ====
{{Warning| This procedure may damage the databases in such a way that sessions are not saved properly.}}
+
{{Warning|This procedure may damage the databases in such a way that sessions are not saved properly.}}
  
===== Sample size differences comparison =====
+
In Firefox 3.0, bookmarks, history, passwords are kept in an SQLite databases. SQLite databases become fragmented over time and empty spaces appear all around. But, since there are no managing processes checking and optimizing the database, these factors eventually result in a performance hit. A good way to improve start-up and some other bookmarks and history related tasks is to defragment and trim unused space from these databases.
{| border="1"
+
 
| SQLite DB || Size Before || Size After || % change
+
{{AUR|profile-cleaner}} in the [[AUR]] does just this.
 +
 
 +
{| class="wikitable" border="1" style="width: 100%;" cellpadding="5" cellspacing="0"
 +
|+ Sample size differences comparison
 +
! SQLite database || Size Before || Size After || % change
 
|-  
 
|-  
 
|urlclassifier3.sqlite|| 37 M || 30 M || 19 %
 
|urlclassifier3.sqlite|| 37 M || 30 M || 19 %
Line 117: Line 94:
 
|-
 
|-
 
|}
 
|}
 
===== Profile defragmentation procedure =====
 
Firefox 3.0, bookmarks, history, passwords are kept in SQLite databases. SQLite databases become fragmented over time and empty spaces appear all around. But, since there are no managing processes checking and optimizing the database, these factors eventually result in a performance hit. A good way to improve startup and some other bookmarks and history related tasks is to defragment and trim unused space from these databases.
 
 
Run {{ic|sqlite3}} {{Ic|vacuum}} and {{Ic|reindex}} commands in the profile directory.
 
 
Example:
 
$ cd ~/.mozilla/firefox/*.default
 
$ for i in urlclassifier3 places; do \
 
    sqlite3 $i.sqlite vacuum;        \
 
    sqlite3 $i.sqlite reindex;      \
 
  done
 
 
To automate the process for all the databases in all the profiles directory, use the following:
 
$ find ~/.mozilla -name \*.sqlite    \
 
    -exec sqlite3 {} vacuum  \;    \
 
    -exec sqlite3 {} reindex \;
 
 
or without find:
 
$ cd ~/.mozilla/firefox/*.default
 
$ for i in *.sqlite; do sqlite3 $i vacuum; sqlite3 $i reindex; done
 
  
 
==== Cache the entire profile into RAM via tmpfs ====
 
==== Cache the entire profile into RAM via tmpfs ====
If the system has memory to spare, {{Ic|tmpfs}} can be used to [[Firefox Ramdisk|cache the entire profile directory]], which might result in increased Firefox responsiveness.
+
If the system has memory to spare, {{ic|tmpfs}} can be used to [[Firefox Ramdisk|cache the entire profile directory]], which might result in increased Firefox responsiveness.
  
 
== Appearance ==
 
== Appearance ==
 
=== Fonts ===
 
=== Fonts ===
''See also: [[Font Configuration]]''
+
{{Box||See the main article: [[Font Configuration]]|#E5E5FF|#FCFCFC}}
  
==== DPI ====
+
==== Configure the DPI value ====
Modifying the following value can help improve the way fonts looks in Firefox if the system's DPI is below 96.  Firefox, by default, uses 96 and only uses the system's DPI if it is a higher value. To force the system's DPI regardless of its value, type about:config into the address bar and search for '''layout.css.dpi'''. Change it to '''0'''.
+
Modifying the following value can help improve the way fonts looks in Firefox if the system's DPI is below 96.  Firefox, by default, uses 96 and only uses the system's DPI if it is a higher value. To force the system's DPI regardless of its value, type {{ic|about:config}} into the address bar and set {{ic|layout.css.dpi}} to '''0'''.
  
On XFCE above method affects only Firefox UI DPI settings, but web page contents still use DPI=96, which may look ugly.
+
In [[Xfce]], the above method only affects the Firefox user interface's DPI settings, but web page contents still use a DPI value of 96, which may look ugly. A solution is to change {{ic|layout.css.devPixelsPerPx}} to system's DPI divided by 96. For example, if your system's DPI is 142, then the value to add is 142/96 = 1.48. Changing {{ic|layout.css.devPixelsPerPx}} to '''1.48''' makes web page contents use a DPI of 142, which looks much better.
Another soluntion is to change '''layout.css.devPixelsPerPx''' to system's DPI/96. For example, on my system DPI=142, DPI/96=1.48. Changing  
+
'''layout.css.devPixelsPerPx''' to 1.48 makes web page contents use DPI=142, which looks '''much''' better.
+
  
==== Default font settings from MS Windows ====
+
==== Default font settings from Microsoft Windows ====
 
Below are the default font preferences when Firefox is installed in Microsoft Windows. Many web sites use the Microsoft fonts.
 
Below are the default font preferences when Firefox is installed in Microsoft Windows. Many web sites use the Microsoft fonts.
 
{{bc|
 
{{bc|
Line 162: Line 116:
 
}}
 
}}
  
=== General UI CSS settings ===
+
=== General user interface CSS settings ===
Firefox's UI can be modified by editing the files in {{ic|~/.mozilla/firefox/''RANDOMHASH''.''PROFILENAME''/chrome/}}; namely, {{ic|userChrome.css}} and {{ic|userContent.css}}.
+
Firefox's user interface can be modified by editing the {{ic|userChrome.css}} and {{ic|userContent.css}} files in {{ic|~/.mozilla/firefox/<profile_dir>/chrome/}} (''profile_dir'' is of the form ''hash.name'', where the ''hash'' is an 8 character, seemingly random string and the profile ''name'' is usually ''default'').
  
All of the following modifications take place in {{ic|userChrome.css}}.
+
{{Note|The {{ic|chrome/}} folder and {{ic|userChrome.css}}/{{ic|userContent.css}} files may not necessarily exist, so you have to create them.}}
  
==== Change UI font ====
+
This section only deals with the {{ic|userChrome.css}} file which modifies Firefox's user interface, and not web pages.
The setting effectively overrides the global GTK2+ font preferences, and does not affect the body; only the UI itself:
+
 
{{bc|
+
==== Change the font ====
 +
The setting effectively overrides the global GTK+ font preferences, and does not affect webpages, only the user interface itself:
 +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
* {
 
* {
 
     font-family: "FONT_NAME";
 
     font-family: "FONT_NAME";
Line 177: Line 133:
 
==== Hide button icons ====
 
==== Hide button icons ====
 
Enables text-only buttons:
 
Enables text-only buttons:
{{bc|
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
.button-box .button-icon {
 
.button-box .button-icon {
 
     display: none;
 
     display: none;
Line 185: Line 141:
 
==== Hiding various tab buttons ====
 
==== Hiding various tab buttons ====
 
These settings hide the arrows that appear to the horizontal edges of the tab bar, the button that toggles the "all tabs" drop-down list, and the plus sign button that creates a new tab.
 
These settings hide the arrows that appear to the horizontal edges of the tab bar, the button that toggles the "all tabs" drop-down list, and the plus sign button that creates a new tab.
{{bc|1=
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|<nowiki>
 
/* Tab bar */
 
/* Tab bar */
  
Line 201: Line 157:
 
     /* Hide new-tab button */
 
     /* Hide new-tab button */
 
     display: none;
 
     display: none;
}
+
}</nowiki>
 
}}
 
}}
  
 
==== Horizontal tabs ====
 
==== Horizontal tabs ====
 
To place the tab bar horizontally stacked along the sides of the browser window:
 
To place the tab bar horizontally stacked along the sides of the browser window:
{{bc|
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
/* Display the tabbar on the left */
 
/* Display the tabbar on the left */
 
#content > tabbox {
 
#content > tabbox {
Line 243: Line 199:
  
 
==== Auto-hide Bookmarks Toolbar ====
 
==== Auto-hide Bookmarks Toolbar ====
 +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 +
#PersonalToolbar {
 +
    visibility: collapse !important;
 +
}
  
#PersonalToolbar {
+
#navigator-toolbox:hover > #PersonalToolbar {
visibility: collapse !important;
+
    visibility: visible !important;
}
+
}
#navigator-toolbox:hover > #PersonalToolbar {
+
}}
visibility: visible !important;
+
}
+
  
=== Remove sidebar width restrictions ===
+
==== Remove sidebar width restrictions ====
{{bc|
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css|
 
/* remove maximum/minimum  width restriction of sidebar */
 
/* remove maximum/minimum  width restriction of sidebar */
#sidebar {max-width: none !important; min-width: 0px !important;}
+
#sidebar {
 +
    max-width: none !important;
 +
    min-width: 0px !important;
 +
}
 
}}
 
}}
  
 
=== Web content CSS settings ===
 
=== Web content CSS settings ===
In {{ic|userContent.css}} you can add custom css rules for web content. Examples:  
+
This section deals with the {{ic|userContent.css}} files in which you can add custom CSS rules for web content. You can import other CSS files by adding to the file:
{{bc|1=
+
 
/* import other css file */
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|
 
@import url("./imports/some_file.css");
 
@import url("./imports/some_file.css");
 +
}}
  
/* block ads */
+
==== Block certain parts of a domain ====
*[class*="advertisement"],
+
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|
*[class*="partners"],
+
@-moz-document domain(example.com) {
*[class*="sidebaner"],
+
    div#header {
*[class*="banner"],
+
        background-image: none !important;
*[class*="adview"],
+
    }  
*[class*="promo"],
+
*[class*="ad_"],
+
*[name*="werbung"],
+
*[name*="banner"],
+
*[id*="banner"],
+
*[id*="ad_"],
+
iframe[src*="euroclick.com"],
+
iframe[src*="/partners/"],
+
iframe[src*="/adview"],
+
img[src*="euroclick.com"],
+
img[src*="/partners/"],
+
img[src*="/adview"],
+
embed[src*="Banner"],
+
embed[src*="banner"],
+
a:link[href*="euroclick.com"],
+
a:link[href*="/partners/"],
+
a:link[href*="/adview"]
+
{
+
    display: none !important
+
}
+
 
+
/* domain specific rule */
+
@-moz-document domain(example.com){  
+
        div#header{background-image:none !important}  
+
 
}
 
}
 +
}}
  
/* add '[pdf]' next to to pdf links */
+
==== Add [pdf] after links to PDF files ====
 +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|<nowiki>
 +
/* add '[pdf]' next to links to PDF files */
 
a[href$=".pdf"]:after {
 
a[href$=".pdf"]:after {
 
     font-size: smaller;
 
     font-size: smaller;
 
     content: " [pdf]";
 
     content: " [pdf]";
}
+
}</nowiki>
 +
}}
  
/* show url in bottom of screen when hovering over link */
+
==== Show URLs at the bottom of the screen when hovering a link ====
 +
{{hc|~/.mozilla/firefox/<profile_dir>/chrome/userContent.css|
 
a[href]:hover {
 
a[href]:hover {
 
     text-decoration: none !important;
 
     text-decoration: none !important;
 
}
 
}
 +
 
a[href]:hover:after {
 
a[href]:hover:after {
 
     content: attr(href);
 
     content: attr(href);
Line 316: Line 260:
 
     opacity: 0.7;
 
     opacity: 0.7;
 
     z-index: 9999;
 
     z-index: 9999;
}
+
}
 +
}}
  
 +
==== Firefox 4 New Menu Bar/Firefox Button ====
 +
To toggle between the new Firefox button and the classic menu bar:
 +
* if the button is active, check ''Preferences > Menu Bar'', or right click in the toolbar area and check ''Menu Bar''.
 +
* if the menu bar is active, uncheck ''View > Toolbars > Menu Bar'', or right click in the toolbar area and uncheck ''Menu Bar''.
  
 +
In GNU/Linux, you will just get a plain grey button instead of the new orange one from Windows. However you can change this to either a Firefox icon or the icon followed by the "Firefox" text.
 +
 +
Adding the following to your {{ic|~/.mozilla/firefox/userprofile/chrome/userChrome.css}} file will place the icon before the text:
 +
{{bc|
 +
#appmenu-toolbar-button {
 +
  list-style-image: url("chrome://branding/content/icon16.png");
 +
}
 
}}
 
}}
  
== Miscellaneous ==
+
Adding the following to the same file will ''remove'' the "Firefox" text:
 +
{{bc|
 +
#appmenu-toolbar-button > .toolbarbutton-text,
 +
#appmenu-toolbar-button > .toolbarbutton-menu-dropmarker {
 +
  display: none !important;
 +
}
 +
}}
  
=== Viewing PDF/PS inside Firefox===
 
  
If you do not want for some reason to install Adobe Acrobat Reader for exploiting the feature to see PDF inside Firefox, you can use other software, like Evince (default viewer in GNOME).
+
This userChrome.css configuration copies the default Windows Firefox 4+ look and adds an orange background to the button, with a purple background in Private Browsing mode:
 +
{{bc|
 +
#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(34,85%,60%), hsl(26,72%,53%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
  
For example if you want to open a pdf/ps or any other document type supported by evince inside firefox, without opening a new window, just follow these simple instructions:
+
#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button:hover:not(:active):not([open]) {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(26,72%,53%), hsl(34,85%,60%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
  
* install mozplugger (in this moment is in AUR) and evince (in extra)
 
  
* delete ~/.mozilla/firefox/*.default/pluginreg.dat (as mentioned after mozplugger installation)
+
#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button:hover:active,
 +
#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button[open] {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(26,72%,53%), hsl(26,72%,53%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
  
* edit /etc/mozpluggerrc: find the line containing "pdf" word, after "GV()" edit evince line as below:
+
#appmenu-toolbar-button {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(279,70%,46%), hsl(276,75%,38%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
  
  #repeat noisy fill exits: evince "$file"
 
  repeat noisy swallow(evince) fill: evince "$file"
 
  
{{Note|you must place comments at the very beginning of the line to avoid errors}}
+
#main-window #appmenu-toolbar-button:hover:not(:active):not([open]) {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(276,75%,38%), hsl(279,70%,46%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
  
* finally close (if not yet) and reopen firefox (now you can see a new plugin called mozplugger)
 
  
* try to open a pdf sample
+
#main-window #appmenu-toolbar-button:hover:active,
 +
#main-window #appmenu-toolbar-button[open] {
 +
    -moz-appearance: none !important;
 +
    color: #FEEDFC !important;
 +
    background: -moz-linear-gradient(hsl(276,75%,38%), hsl(276,75%,38%) 95%) !important;
 +
    border: 1px solid #000000 !important;
 +
}
 +
}}
  
* old forum instruction deprecated "http://ubuntuforums.org/showthread.php?t=25685"
+
{{Note|You need to create both the {{ic|chrome}} directory and {{ic|userChrome.css}}, if they do not already exist.}}
  
{{ note | This method also works with other PDF viewers. Try replacing "evince"  with the name of another program. }}
+
==== Block ads ====
  
=== Wheel mouse scroll speed ===
+
See [http://www.floppymoose.com floppymoose.com] for an example of how to use {{ic|userContent.css}} as a basic ad-blocker.
  
To modify the default values (i.e. speed-up) of the wheel mouse scroll speed, type the following into Firefox's address bar:
+
== Miscellaneous ==
about:config
+
Now enter the following into the 'filter' dialog: '''mousewheel.withnokey'''
+
  
*Double-click the entry entitled, '''mousewheel.withnokey.sysnumlines''' and thereby setting its value to '''false'''
+
Other tips and tweaks.
*Double-click the entry entitled, '''mousewheel.withnokey.numlines''' and enter the desired number of lines per movement into the box (12, for example).
+
  
Restart firefox for this setting to take effect.
+
=== Mouse wheel scroll speed ===
  
Alternatively you can install [http://smoothwheel.mozdev.org/ SmoothWheel add-on].
+
To modify the default values (i.e. speed-up) of the mouse wheel scroll speed, go to {{ic|about:config}} and search for {{ic|mousewheel.acceleration}}. This will show the available options, modifying the following:
  
=== Change the order of searchplugins list ===
+
* Set {{ic|mousewheel.acceleration.start}} to '''-1'''.
You can now (in Firefox 3) change the order in the GUI:
+
* Set {{ic|mousewheel.acceleration.factor}} to the desired number (10 to 20 are common values).
* Open the dropdown list of search engines and click Manage Search Engines
+
* Highlight the Engine you want to move and use Move Up or Move Down to move it.
+
  
=== How to open a *.doc automatically with abiword or open office ===
+
Alternatively you can install the [http://smoothwheel.mozdev.org/ SmoothWheel add-on].
Click through the following menus:
+
*Edit
+
*Preferences
+
*File types
+
*Manage
+
*Select the {{ic|doc}} extension
+
*Select ''Open them with this application''
+
*Select {{ic|/usr/bin/abiword}} or {{ic|/usr/bin/soffice}}
+
  
There is also a plugin/addon called mime edit. This addon will let you edit the mime types for firefox.
+
=== Change the order of search engines in the Firefox Search Bar ===
 +
 
 +
To change the order search engines are displayed in:
 +
* Open the drop-down list of search engines and click ''Manage Search Engines...'' entry.
 +
* Highlight the engine you want to move and use ''Move Up'' or ''Move Down'' to move it. Alternatively, you can use drag-and-drop.
 +
 
 +
=== How to open a *.doc automatically with Abiword or LibreOffice Writer ===
 +
 
 +
Go to ''Preferences > Applications'' and search for ''Word Document'' (or ''Word 2007 Document'' for {{ic|*.docx}}). After finding it, click the drop-down list and select ''Use other...''. From there you have to specify the exact path to the Abiword or Writer executable (i.e.{{ic|/usr/bin/abiword}} or {{ic|/usr/bin/lowriter}}).
 +
 
 +
=== "I'm Feeling Lucky" mode ===
 +
Some search engines have a feeling lucky feature. For example Google has "I'm Feeling Lucky"  and DuckDuckGo has "I'm Feeling Ducky".
 +
 
 +
To activate them:
 +
# Type {{ic|about:config}} in the address bar.
 +
# Search for the string {{ic|keyword.url}}.
 +
# Modify its value (if any) to the URL of the search engine.
 +
 
 +
For Google, set it to:
 +
{{bc|<nowiki>http://www.google.com/search?btnI=I%27m+Feeling+Lucky&q=</nowiki>}}
 +
For DuckDuckGo, set it to:
 +
{{bc|<nowiki>https://duckduckgo.com/?q=\</nowiki>}}
 +
For Google Encrypted (RCA-4 128bit High security encyption), set it to:
 +
{{bc|<nowiki>https://encrypted.google.com/search?btnI=I%27m+Feeling+Lucky&q=</nowiki>}}
  
 
=== Secure DNS with DNSSEC validator ===
 
=== Secure DNS with DNSSEC validator ===
 +
 
You can enable [[DNSSEC]] support for safer browsing.
 
You can enable [[DNSSEC]] support for safer browsing.
  
 
=== Adding magnet protocol association ===
 
=== Adding magnet protocol association ===
In {{ic|about:config}} add the following:
+
 
network.protocol-handler.expose.magnet
+
In {{ic|about:config}} set {{ic|network.protocol-handler.expose.magnet}} to '''false'''.
Set it's initial value to '''false'''.
+
 
When you open a magnet link you will be prompted with a {{ic|Launch Application}} dialogue. From there simply select your chosen torrent client.
+
The next time you open a magnet link, you will be prompted with a {{ic|Launch Application}} dialogue. From there simply select your chosen torrent client. This technique can also be used with other protocols.
This technique can also be used with other protocols.
+
 
 +
=== Prevent accidental closing ===
 +
 
 +
The [https://addons.mozilla.org/en-us/firefox/addon/disable-ctrl-q-shortcut/ Disable Ctrl-Q Shortcut] extension can be installed to prevent unwanted closing of the browser.
 +
 
 +
An alternative is to add a rule in your window manager configuration file. For example in openbox add:
 +
  <keybind key="C-q">
 +
    <action name="Execute">
 +
      <execute>false</execute>
 +
    </action>
 +
  </keybind>
 +
in the ''<keyboard>'' section of your {{ic|rc.xml}} file.
 +
{{Note|This will be effective for every application used under a graphic server.}}
 +
 
 +
== See also ==
 +
 
 +
* [http://kb.mozillazine.org/Knowledge_Base MozillaZine Wiki]
 +
* [http://kb.mozillazine.org/About:config_entries about:config Entries Explained]
 +
* [http://linuxtidbits.wordpress.com/2009/08/01/better-fox-cat-and-weasel/ Top Fox: Completing the Feel of Firefox]
 +
* [http://linuxtidbits.wordpress.com/2013/03/08/firefox-defining-font-type-and-size/ Firefox: Defining font type and size]

Revision as of 12:40, 21 May 2013

Template:Article summary start Template:Article summary text Template:Article summary heading Template:Article summary wiki Template:Article summary wiki Template:Article summary wiki Template:Article summary end

Performance

Improving Firefox's performance is divided into parameters that can be inputted while running Firefox or otherwise modifying its configuration as intended by the developers, and advanced procedures that involve foreign programs or scripts.

Note: Always use the latest version of Firefox.

Advanced Firefox options

This section contains advanced Firefox options for performance tweaking. For additional information see these Mozillazine forum posts.

Network settings

Advanced network settings can be found on the about:config page (try searching for network).

Recommended values for a 1.5Mb connection
Key Value Description
network.http.pipelining true Enable pipelining for normal connections
network.http.proxy.pipelining true Enable pipelining for proxy connections
network.http.pipelining.maxrequests 8 Maximum HTTP requests per pipeline
network.http.max-connections 64 Maximum number of total HTTP connections
network.http.max-connections-per-server 16 Maximum number of any type of connections per server
network.http.max-persistent-connections-per-proxy 16 Maximum number of keep-alive type connections per proxy
network.http.max-persistent-connections-per-server 8 Maximum number of keep-alive type connections per server
network.dns.disableIPv6 true Disable IPv6 support
Note: These settings need to be configured based on your connection.

Turn off anti-phishing

Note: Deleting files from your profile folder is potentially dangerous, so it is recommended that you back it up first.

The anti-phishing features of Firefox may cause Firefox to become slow to start or exit. The problem is that Firefox maintains an Sqlite database that can grow quite big which makes reading and writing slower after repeated use. If you feel that you do not need Firefox to tell you which sites may be suspect you can disable this feature:

  • Turn off the following options under the security tab in preferences: "Block reported attack sites" and "Block reported web forgeries".
  • Delete all files beginning with urlclassifier in your profile folder (~/.mozilla/firefox/<profile_dir>/):
$ rm -i ~/.mozilla/firefox/<profile_dir>/urlclassifier*
Some of these files might be recreated by Firefox, but they won't grow any larger than their initial size.

Stop urlclassifier3.sqlite from being created again

If you did remove all the urlclassifier* files as mentioned above, you may find out that urlclassifier3.sqlite keeps growing again after a certain time. Here is a simple solution to avoid it for now and ever.

$ cd ~/.mozilla/firefox/<profile_dir>
$ echo "" > urlclassifier3.sqlite
$ chmod 400 urlclassifier3.sqlite

This effectively makes the file empty and then read-only so Firefox cannot write to it anymore.

Other modifications

This section contains some other modifications that may increase Firefox's performance.

Reduce load time by compressing the Firefox binary with UPX

UPX is an executable packer that supports very fast decompression and induces no memory overhead. It can be installed with the upx package, availalble in the official repositories.

Before using upx to compress the Firefox executable, make a backup of the binary:

# cp /usr/lib/firefox/firefox /usr/lib/firefox/firefox.backup

Finally, invoke upx, applying the best possible compression level:

# upx --best /usr/lib/firefox/firefox

Defragment the profile's SQLite databases

Warning: This procedure may damage the databases in such a way that sessions are not saved properly.

In Firefox 3.0, bookmarks, history, passwords are kept in an SQLite databases. SQLite databases become fragmented over time and empty spaces appear all around. But, since there are no managing processes checking and optimizing the database, these factors eventually result in a performance hit. A good way to improve start-up and some other bookmarks and history related tasks is to defragment and trim unused space from these databases.

profile-cleanerAUR in the AUR does just this.

Sample size differences comparison
SQLite database Size Before Size After  % change
urlclassifier3.sqlite 37 M 30 M 19 %
places.sqlite 16 M 2.4 M 85 %

Cache the entire profile into RAM via tmpfs

If the system has memory to spare, tmpfs can be used to cache the entire profile directory, which might result in increased Firefox responsiveness.

Appearance

Fonts

Template:Box

Configure the DPI value

Modifying the following value can help improve the way fonts looks in Firefox if the system's DPI is below 96. Firefox, by default, uses 96 and only uses the system's DPI if it is a higher value. To force the system's DPI regardless of its value, type about:config into the address bar and set layout.css.dpi to 0.

In Xfce, the above method only affects the Firefox user interface's DPI settings, but web page contents still use a DPI value of 96, which may look ugly. A solution is to change layout.css.devPixelsPerPx to system's DPI divided by 96. For example, if your system's DPI is 142, then the value to add is 142/96 = 1.48. Changing layout.css.devPixelsPerPx to 1.48 makes web page contents use a DPI of 142, which looks much better.

Default font settings from Microsoft Windows

Below are the default font preferences when Firefox is installed in Microsoft Windows. Many web sites use the Microsoft fonts.

Proportional: Serif Size (pixels): 16
Serif: Times New Roman
Sans-serif: Arial
Monospace: Courier New Size (pixels): 13

General user interface CSS settings

Firefox's user interface can be modified by editing the userChrome.css and userContent.css files in ~/.mozilla/firefox/<profile_dir>/chrome/ (profile_dir is of the form hash.name, where the hash is an 8 character, seemingly random string and the profile name is usually default).

Note: The chrome/ folder and userChrome.css/userContent.css files may not necessarily exist, so you have to create them.

This section only deals with the userChrome.css file which modifies Firefox's user interface, and not web pages.

Change the font

The setting effectively overrides the global GTK+ font preferences, and does not affect webpages, only the user interface itself:

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
* {
    font-family: "FONT_NAME";
}

Hide button icons

Enables text-only buttons:

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
.button-box .button-icon {
    display: none;
}

Hiding various tab buttons

These settings hide the arrows that appear to the horizontal edges of the tab bar, the button that toggles the "all tabs" drop-down list, and the plus sign button that creates a new tab.

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
/* Tab bar */

.tabbrowser-strip *[class^="scrollbutton"] {
    /* Hide tab scroll buttons */
    display: none;
}

.tabbrowser-strip *[class^="tabs-alltabs"] {
    /* Hide tab drop-down list */
    display: none;
}

.tabbrowser-strip *[class^="tabs-newtab-button"] {
    /* Hide new-tab button */
    display: none;
}

Horizontal tabs

To place the tab bar horizontally stacked along the sides of the browser window:

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
/* Display the tabbar on the left */
#content > tabbox {
    -moz-box-orient: horizontal;
}

.tabbrowser-strip {
    -moz-box-orient: vertical;
    /*
     * You can set this to -moz-scrollbars-vertical instead,
     * but then the scrollbar will *always* be visible.  this way
     * there is never a scrollbar, so it behaves like the tab bar
     * normally does
     */
     overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
    -moz-box-orient: horizontal;
    min-width: 20ex;   /* You may want to increase this value */
    -mox-box-pack: start;
    -moz-box-align: start;
}

.tabbrowser-tabs > hbox {
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    -moz-box-pack: start;
}

.tabbrowser-tabs > hbox > tab {
    -moz-box-align: start;
    -moz-box-orient: horizontal;
}

Auto-hide Bookmarks Toolbar

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
#PersonalToolbar {
    visibility: collapse !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
    visibility: visible !important;
}

Remove sidebar width restrictions

~/.mozilla/firefox/<profile_dir>/chrome/userChrome.css
/* remove maximum/minimum  width restriction of sidebar */
#sidebar {
    max-width: none !important;
    min-width: 0px !important;
}

Web content CSS settings

This section deals with the userContent.css files in which you can add custom CSS rules for web content. You can import other CSS files by adding to the file:

~/.mozilla/firefox/<profile_dir>/chrome/userContent.css
@import url("./imports/some_file.css");

Block certain parts of a domain

~/.mozilla/firefox/<profile_dir>/chrome/userContent.css
@-moz-document domain(example.com) {
    div#header {
        background-image: none !important;
    } 
}

Add [pdf] after links to PDF files

~/.mozilla/firefox/<profile_dir>/chrome/userContent.css
/* add '[pdf]' next to links to PDF files */
a[href$=".pdf"]:after {
    font-size: smaller;
    content: " [pdf]";
}

Show URLs at the bottom of the screen when hovering a link

~/.mozilla/firefox/<profile_dir>/chrome/userContent.css
a[href]:hover {
    text-decoration: none !important;
}

a[href]:hover:after {
    content: attr(href);
    position: fixed; left: 0px; bottom: 0px;
    padding: 0 2px !important;
    max-width: 95%; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
    font:10pt sans-serif !important;
    background-color: black  !important;
    color: white !important;
    opacity: 0.7;
    z-index: 9999;
}

Firefox 4 New Menu Bar/Firefox Button

To toggle between the new Firefox button and the classic menu bar:

  • if the button is active, check Preferences > Menu Bar, or right click in the toolbar area and check Menu Bar.
  • if the menu bar is active, uncheck View > Toolbars > Menu Bar, or right click in the toolbar area and uncheck Menu Bar.

In GNU/Linux, you will just get a plain grey button instead of the new orange one from Windows. However you can change this to either a Firefox icon or the icon followed by the "Firefox" text.

Adding the following to your ~/.mozilla/firefox/userprofile/chrome/userChrome.css file will place the icon before the text:

#appmenu-toolbar-button {
  list-style-image: url("chrome://branding/content/icon16.png");
}

Adding the following to the same file will remove the "Firefox" text:

#appmenu-toolbar-button > .toolbarbutton-text,
#appmenu-toolbar-button > .toolbarbutton-menu-dropmarker {
  display: none !important;
}


This userChrome.css configuration copies the default Windows Firefox 4+ look and adds an orange background to the button, with a purple background in Private Browsing mode:

#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(34,85%,60%), hsl(26,72%,53%) 95%) !important;
    border: 1px solid #000000 !important;
}

#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button:hover:not(:active):not([open]) {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(26,72%,53%), hsl(34,85%,60%) 95%) !important;
    border: 1px solid #000000 !important;
}


#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button:hover:active,
#main-window:not([privatebrowsingmode]) #appmenu-toolbar-button[open] {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(26,72%,53%), hsl(26,72%,53%) 95%) !important;
    border: 1px solid #000000 !important;
}

#appmenu-toolbar-button {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(279,70%,46%), hsl(276,75%,38%) 95%) !important;
    border: 1px solid #000000 !important;
}


#main-window #appmenu-toolbar-button:hover:not(:active):not([open]) {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(276,75%,38%), hsl(279,70%,46%) 95%) !important;
    border: 1px solid #000000 !important;
}


#main-window #appmenu-toolbar-button:hover:active,
#main-window #appmenu-toolbar-button[open] {
    -moz-appearance: none !important;
    color: #FEEDFC !important;
    background: -moz-linear-gradient(hsl(276,75%,38%), hsl(276,75%,38%) 95%) !important;
    border: 1px solid #000000 !important;
}
Note: You need to create both the chrome directory and userChrome.css, if they do not already exist.

Block ads

See floppymoose.com for an example of how to use userContent.css as a basic ad-blocker.

Miscellaneous

Other tips and tweaks.

Mouse wheel scroll speed

To modify the default values (i.e. speed-up) of the mouse wheel scroll speed, go to about:config and search for mousewheel.acceleration. This will show the available options, modifying the following:

  • Set mousewheel.acceleration.start to -1.
  • Set mousewheel.acceleration.factor to the desired number (10 to 20 are common values).

Alternatively you can install the SmoothWheel add-on.

Change the order of search engines in the Firefox Search Bar

To change the order search engines are displayed in:

  • Open the drop-down list of search engines and click Manage Search Engines... entry.
  • Highlight the engine you want to move and use Move Up or Move Down to move it. Alternatively, you can use drag-and-drop.

How to open a *.doc automatically with Abiword or LibreOffice Writer

Go to Preferences > Applications and search for Word Document (or Word 2007 Document for *.docx). After finding it, click the drop-down list and select Use other.... From there you have to specify the exact path to the Abiword or Writer executable (i.e./usr/bin/abiword or /usr/bin/lowriter).

"I'm Feeling Lucky" mode

Some search engines have a feeling lucky feature. For example Google has "I'm Feeling Lucky" and DuckDuckGo has "I'm Feeling Ducky".

To activate them:

  1. Type about:config in the address bar.
  2. Search for the string keyword.url.
  3. Modify its value (if any) to the URL of the search engine.

For Google, set it to:

http://www.google.com/search?btnI=I%27m+Feeling+Lucky&q=

For DuckDuckGo, set it to:

https://duckduckgo.com/?q=\

For Google Encrypted (RCA-4 128bit High security encyption), set it to:

https://encrypted.google.com/search?btnI=I%27m+Feeling+Lucky&q=

Secure DNS with DNSSEC validator

You can enable DNSSEC support for safer browsing.

Adding magnet protocol association

In about:config set network.protocol-handler.expose.magnet to false.

The next time you open a magnet link, you will be prompted with a Launch Application dialogue. From there simply select your chosen torrent client. This technique can also be used with other protocols.

Prevent accidental closing

The Disable Ctrl-Q Shortcut extension can be installed to prevent unwanted closing of the browser.

An alternative is to add a rule in your window manager configuration file. For example in openbox add:

 <keybind key="C-q">
   <action name="Execute">
     <execute>false</execute>
   </action>
 </keybind>

in the <keyboard> section of your rc.xml file.

Note: This will be effective for every application used under a graphic server.

See also